Анимация OnComplete стрельба слишком рано

Question

Я реализую индикатор выполнения (для определения фоновой задачи, я уже знаю точное время, которое потребуется), но у меня возникли проблемы с немедленным запуском события.

$("#go").on("click", function(event){ 

    event.preventDefault(); 

    $('#report-loader .bar').animate({ 
     width: 500 
    }, 
    { 
     easing: 'linear', 
     duration: 500, 
     complete: function() { 
      alert('complete');   
     }   
    }); 
}); 

Вот JSFiddle, который показывает пример того, что я имею в виду: http://jsfiddle.net/ezE8b/1/

Answer 1

Заменить:
$('#report-loader .bar').animate({ width: 500 },

по

$('#report-loader .bar').animate({ width: "100%" },

Прекрасно работает для меня.