Twitter-Bootstrap进度条每x秒数100％

Question

是否有可能使Bootstrap进度条在每说5秒内达到100％

    <div class="progress progress-striped active">
      <div class="bar" style="width: 40%;"></div>
        </div>

进度条通过宽度样式填充，因此上面会将其置于40％完成

如何在5秒内平稳加载到100％，然后重新设置为0并重复开始？

感谢。

Answer 1

在这个答案中，我修改了@Blender的方法，以便永远运行。

为此，我使用了complete函数的animate参数 http://jsfiddle.net/xXM2z/490/
完整的JS代码：

$(document).ready(function(){
   animateScroll();
});

function animateScroll()
    {
    $('.bar').animate({
    width: '100%'
}, {
    duration: 5000,
    easing: 'linear',
    complete:function(){ $(this).css("width","0%");
   }
});
animateScroll();
}