jQuery animate（）アニメーションの進行状況のパーセントを表示

Question

次のスニペットを使用して：http://jsfiddle.net/sylouuu/V7a3Y/2/ 0％から100％のアニメーションの#logで％進捗を表示したい場合は、100％がコールバックで簡単です...

これは可能ですか？

よろしく

Answer 1

進捗コールバックが1.8で導入されたアニメーションのjQuery：

$('#a').animate({ 
    opacity: 1, 
    width: 400, 
    percent: 100 
}, { 
    progress: function(animation, progress, msRemaining) { 
     $('#log').html(100 * progress + "%"); 
    } 
}); 

Answer 2

私はあなたが

$('myelementid').animate({ 
    opacity: 1, 
    height: 100, 
    percent: 100 
}, 
{ 
    step: function(now, fx) { 
     //not sure if this is 100% percent accurate 
     //but at least you have a value at every step of the animation 
     console.log(this.percent);   
    }, 
    complete: function(){ 
     //do not forget to reset percent at the end of the animaton 
     //so on the next animation it can be calculated from starting value of 0 again 
     this.percent = 0; 
    } 
}); 

ステップ関数を使用していることを行うことができると信じてこの情報がお役に立てば幸いです。