jQuery和Twitter Bootstrap进度条

Ama*_*yla 2 html javascript css jquery twitter-bootstrap

我有这个代码:

<div class="progress">
    <div class="bar" style="width: 0%;"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我应该怎么做,所以当我点击网站某处的按钮时,宽度将在特定时间内从0到100,并产生加载进度条的效果?

谢谢.

Sim*_*n C 8

如前所述,jQuery动画将会这​​样做.更改持续时间以适应您想要的时间

$('.bar').animate({ width: "100%" },2000);
Run Code Online (Sandbox Code Playgroud)