Twitter的引導進度條100％秒

Question

每x量是否可以做一個引導進度條到100％每比如5秒

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

進度條通過寬風格充滿，所以上面會把它在40％完成

我怎樣才能使它在5秒內順利加載到100％，然後重置回0並重新開始，重複？

謝謝。

Answer 1

在這個答案我修改@ Blender的方法有點永遠運行。

爲此，我使用animate函數的參數complete。
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(); 
}