twitter-bootstrap - Bootstrap プログレス バーのアニメーション化が何らかの理由で継続する

Question

私の進行状況バーの HTML は次のようになります。

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

私がそれを実行$("#status-progress-bar").stop().animate({ width: '10%' }, 5000);すると、幅は（着実に）54％にジャンプし、その後10％にアニメーション化されます。これがなぜなのか、どうすればよいのかわかりません。

考え？

Answer 1

バーがアニメーション化される方法で、バグまたは意図しない動作を発見した可能性があると思います。width: 10%HTML からを削除すると、JavaScript は期待どおりに機能します。(なぜ 10% から始めているのかわかりません)。

FWIW、それがしているように見えるのは、既存の 10% の上に 10% をアニメーション化してから、10% にしかならないことを認識してから縮小することです。

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