jQuery 进度条加载直到页面重定向

Question

我有一个网站有一些联属网络营销 links，当 link 被点击时，用户被带到我网站上的一个临时页面，有一个隐藏的联属网络营销网络 link 在 1 秒后使用 jQuery 单击此页面。

我想显示 jQuery 加载栏进度，直到页面重定向到附属网站 link。我该怎么做？

Answer 1

是的，你可以试试，

// for 10 intevals only and after that your affiliate link is clicked.
var i = 0,
    parts=20,
    interval=1000/parts;// for 1 second, I used 1000, you can change accordingly

var c = setInterval(function() {
  if (i++ > parts-1) {
    clearInterval(c);
    alert('link clicked now');
  }
  p=Math.floor($('.progress').width()/parts);
  
  $('.progress-bar').width(p+$('.progress-bar').width());
}, interval);

.progress {
  width: 100%;
  border: 1px solid #999;
  height: 20px;
  border-radius: 3px;
}
.progress-bar {
  width: 0;
  background-color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="progress">
  <div class="progress-bar">&nbsp;</div>
</div>

你也可以试试https://css-tricks.com/css3-progress-bars/ and https://css-tricks.com/html5-progress-element/

jQuery 进度条加载直到页面重定向

jQuery progress bar load until page redirects

jquery

progress-bar