スムーズにアニメーション化されたjavascriptスタックがちらつきのないプログレスバーをスクロール

Question

スタックされたプログレスバーをちらつきなくスムーズにアニメーション表示するにはどうすればよいですか？

私は現在、（ノックアウトを使用して）幅のスタイルを変更するブートストラップを使用しています。 例：https://jsbin.com/lewuzewupo/2/edit?html,console,output 私の問題は、それを十分に見れば、右の緑色のバーがちらつきます。これは、中間の濃い青色のバーが現れて消えると、アニメーションによって右にプッシュされるためです。

（積み重なったバーの合計が100を超えないようにするために私が考えることができるすべてを試しました。プログレスバークラスを使用しなくても、

これは、ブートストラップの問題、またはスタック状のプログレスバーを作成する別の方法です。ブートストラップのものと滑らかにアニメ化する？

[編集：追加私の割合を証明するために、デバッグ常に合計100]

Answer 1

私は前に、私はこの種のものに遭遇したと思う - それがダウンして「完全」のテキストにあります。基本的には幅が正しく機能していません。 2つのアイデア。

1. 「完全な」テキストを削除しても問題ありません。

2. 特定の時間が経過すると表示が完了し、値が特定の比率に低下しました。

大変申し訳ございません。