jQuery animate () показывает процент прогресса анимации

Question

С этим следующим фрагментом: http://jsfiddle.net/sylouuu/V7a3Y/2/ Я хотел бы показать% прогресса в #log анимации от 0% до 100%, 100% легко с обратным вызовом ...

Возможно ли это сделать?

Привет

Answer 1

Функция обратного вызова jQuery animate была представлена ​​в версии 1.8:

$('#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;
   }
 });

Надеюсь, это поможет.