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

Question

我有一个网站，有一些附属链接，当链接被点击，用户被带到我的网站上的一个临时页面，有一个隐藏的从属链接在这个网页上是使用jQuery点击1秒后。

我想显示jQuery加载栏的进度，直到页面重定向到联盟链接。我该怎么做？

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/和https://css-tricks.com/html5-progress-element/