Animate OnComplete firing too early
<p>I'm implementing a progress bar (for timing a background task, I already know the exact time it will take) - but I'm having trouble with the oncomplete event firing early.</p>

<pre><code>$("#go").on("click", function(event){

    event.preventDefault();

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

<p>​
​</p>

<p>Here's a JSFiddle that shows an example of what I mean:
<a href="http://jsfiddle.net/ezE8b/1/" rel="nofollow">http://jsfiddle.net/ezE8b/1/</a></p>
