アニメーションなしで進捗バーを0にリセットする（ブートストラップで）

Question

私は実行するアクションが複数あり、それぞれのアクションの進行状況を示すためにブートストラップの進行状況バーを使用しています。 各アクションの完了後、進捗バーは、コード $（ '。progress'）の次の行を使用してゼロに設定されています。

これはアニメーションします逆の場合、アプリケーションのように見えるユーザーのために以前に実行されたアクションを元に戻します。

逆のアニメーション効果なしでプログレスバーを即座にリセットするにはどうすればよいですか？

Answer 1

this answer

.notransition { 
    -webkit-transition: none !important; 
    -moz-transition: none !important; 
    -o-transition: none !important; 
    -ms-transition: none !important; 
    transition: none !important; 
} 
$(".progress-bar").addClass("notransition"); 
$('.progress-bar').attr('style', "width: 0%"); 

で説明するようにプログレスバーの遷移を削除することができ、あなたがしたい場合は、 `幅を適用する前にnotransitionクラスに

$(".progress-bar").removeClass("notransition");