如何获得恒定的动画速度？

Question

如何获得恒定的动画速度？ $( "#progress20").animate({"width": "0"}, 40000);

https://jsfiddle.net/wahL4tbs/

Answer 1

.animate()的默认easing为"swing"

  

缓和（默认：swing）

将"linear"设置为easing选项

$("#progress20").animate({"width": "0%"}, 40000, "linear");

jsfiddle https://jsfiddle.net/wahL4tbs/2/

Answer 2

您正在使用引导进度条，have their own animations通过CSS提供。

  

跨浏览器兼容性
  进度条使用CSS3过渡和动画来实现它们的一些效果。 Internet Explorer 9及更低版本或不支持这些功能   旧版本的Firefox。 Opera 12不支持动画。

您不应该尝试使用jQuery的animate来动画更改的Bootstraps进度条。只需设置新值并让CSS动画完成它们的工作，或者避免使用Bootstrap的进度条并编写自己的代码。造型非常简单。