プログレスバーでブートストラップのCSS3トランジションをオフにする

Question

プログレスバーでブートストラップのCSS3トランジションを無効にする方法を知っている人はいますか？私はそれらをjavascript/jquery経由で更新しており、アニメーション化をしたくない。

これは有望に見えたが、それは仕事を得ることができませんでした：プログレスバー上のTurn Off CSS3 Animation With jQuery?

情報：http://twitter.github.com/bootstrap/components.html#progress

Answer 1

あなたがそうのように、noneにCSS transitionルールを設定することで、トランジション効果をオフにすることができます：

.progress .bar { 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    transition: none; 
}​ 

Answer 2

activeクラスから来ているアニメーションがあるので、あなただけの

を使用することができます

$('.progress').removeClass('active'); 

または

$('.progress').toggleClass('active'); 

Answer 3

私は私のためにその作業罰金をjavascriptの

 $('#proc').hide(); 
     $("#proc").width(0 + "%"); 
     $('#proc').show(); 

の問題を解決しました。点滅していないだけで仕事をしています。私は思った純粋なCSSでそれを行うこともできます。

Answer 4

アニメーションを$(".progress-bar").stop()で中止し、もう一度やり直すこともできます。

私はバーを0に戻して、100%に再度移動したかったのです。だからここに行く方法：

$(".progress-bar").stop();  //Stopping the current animation at the current width 
$(".progress-bar").animate({width: "0%"}, 100);  //Going back to 0% smoothly in 100ms 
$(".progress-bar").animate({width: "100%"}, 1000); //Restarting the process bar to 100% 

私はそれがいくつか役立つことを願っています。