javascript - jquery 动画无法正常工作

Question

当我使用带有 Bootstrap 进度条的 jQuery .animate() 来设置进度百分比时，它仅在我第一次使用时正常工作。我在这里做了一个 JSFiddle:http://jsfiddle.net/43bqP/

当它必须达到 50 时，它会以某种方式首先超过 500，然后动画回到 50。我该如何解决这个问题？

Answer 1

如何将其计算为像素？代码片段:

...
var stepBy  = $("div.progress").width() / steps.length;
...
$("div#update div.progress div.progress-bar").animate({
   width   : (stepBy + (stepBy * step))
}
...

JSFiddle带有完整代码。