我有两个动画，我想将它们组合为一个动画，以便缓动将延续并继续到下一个动画。第二个动画需要在第一个动画完成后开始。这是我到目前为止所拥有的，但是当第二个动画开始时缓动重新开始（这是我所期望的）。
$progressBar.animate({width: progressBarWidth + '%'}, barAnimationSpeed, 'swing', function(){
$overGoalBar.animate({width: overGoalBarWidth + '%'}, barAnimationSpeed, 'swing', function(){});
});
如何将这些动画组合成一个缓动动画？
如果你想演示动态创建的进度条百分比值和缓动效果。
我会使用服务器创建的背景图片
ex) 在 PHP 中使用 GD 库
并将该图像设置为 CSS 中一个 DIV 标记的背景。
#progressBar { background-img('Dynamically-created-image.jpg'); }
最后，只需为一个 DIV 标签设置一次动画。
如果我对你的理解正确，这个想法可能会奏效。
这是一个很棒的在线工具，用于编写自定义缓动函数......
http://www.timotheegroleau.com/Flash/experiments/easing_function_generator.htm
此外，这里有更多关于缓动的一般信息......如果你有缓动功能，你不需要缓动插件。从其中包含的链接中，您可以看到每个的演示，然后与它背后的缓动功能进行比较......
你试过使用linear吗？
$('#progressBar').animate({width: 50 + '%'}, 2500, 'linear', function(){
$('#overGoalBar').animate({width: 49 + '%'}, 2500, 'linear', function(){});
});
请注意将两个动画完全链接在一起，但它确实使它变得平滑。