Animasyon olmadan ilerleme çubuğunu sıfırlayın (önyüklemede)

Question

Yapacağım birden çok işlem var ve her işlemdeki ilerlemeyi göstermek için önyükleme ilerleme çubuğu kullanıyorum. İlerleme çubuğu kodu $ aşağıda hattı kullanılarak sıfıra ayarlanır her işlemi bittikten sonra attr ('stil ' 'genişliği:% 0') (' ilerleme.').

Ancak bu Animates tersine, uygulama gibi görünen kullanıcılar için daha önce gerçekleştirilmiş bir eylemi geri alıyor.

İlerleme çubuğunu ters animasyon efekti olmadan anında nasıl sıfırlarım?

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%"); 

açıklandığı gibi ilerleme-bar geçişleri kaldırabilir ve isterseniz `genişliğini uygulamadan önce notransition sınıf

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