प्रगति सलाखों पर बूटस्ट्रैप के CSS3 संक्रमण को बंद करें

Question

कोई भी प्रगति सलाखों पर बूटस्ट्रैप के CSS3 संक्रमण को अक्षम करने का तरीका जानता है? मैं उन्हें जावास्क्रिप्ट/jquery के माध्यम से अद्यतन कर रहा हूं और नहीं चाहता कि वे एनिमेटिंग कर रहे हों।

इस होनहार देखा, लेकिन यह काम करने के लिए नहीं मिल सका: Turn Off CSS3 Animation With jQuery?

प्रगति सलाखों पर जानकारी: http://twitter.github.com/bootstrap/components.html#progress

Answer 1

तुम इतनी तरह none लिए सीएसएस 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

मैं जावास्क्रिप्ट

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

मेरे लिए अपने काम कर ठीक से समस्या हल हो। चमक नहीं रहा और बस अपना काम कर रहा है। मुझे लगता है कि आप इसे शुद्ध सीएसएस के साथ भी कर सकते हैं।

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% 

मुझे उम्मीद है कि इससे कुछ मदद मिलेगी।