Twitter bootstrap 出于某些原因，设置引导进度条的动画一直在进行

我的进度条HTML如下所示：

<div class="progress progress-striped active">
  <div style="width: 10%; overflow: hidden;" class="bar" id="status-progress-bar"></div>
</div>

当我运行

$（“#状态进度条”）.stop（）.animate（{width:'10%}，5000）在它上面，宽度跳到54%（稳定），然后动画下降到10%。我不知道这是为什么，也不知道该怎么办

想法？
我想你可能已经发现了一个bug，或者酒吧动画的一些意外行为。如果从html中删除
宽度：10%
，则javascript将按预期工作。（不确定为什么从10%开始）

FWIW，它似乎正在做的是在现有10%的基础上设置10%的动画，然后意识到它应该只在10%的基础上，然后缩小

<div class="progress progress-striped active">
  <div style="overflow: hidden;" class="bar" id="status-progress-bar"></div>
</div>

我在设置引导程序进度条的动画时也遇到了一些问题。

有时宽度会跳到100%，或在设置动画时跳到一个随机位置。

如果希望动画是
线性的
，而不是默认的
摆动
，也会出现问题

我所做的是将
style=“transition:none；”“
添加到
.bar
中，如下所示：

<div id="upload-progress" class="progress progress-striped active">
    <div class="bar" style="transition:none;"></div>
</div>



现在它似乎工作得很好。
好吧-我从0%开始，但我根据某些事件将其动画设置为10%，然后再次设置为50%，然后设置为75%，依此类推。我不知道您正在使用什么事件，但我尝试使用单击事件来增加状态，但没有看到您遇到的相同问题。-如果您连续单击2或3次，您将获得error@Shamoon，我在dom制作动画时查看了它，它似乎正在将大小从百分比转换为百分比。我尝试只使用原始数字（100等），但我没有得到问题的复制。有点痛，但它“有效”