title: Animating a Bootstrap Progress bar keeps going for some reason
body: <p>My progress bar HTML looks like:</p>
  
  <pre><code>&lt;div class="progress progress-striped active"&gt;
    &lt;div style="width: 10%; overflow: hidden;" class="bar" id="status-progress-bar"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I run <code>$("#status-progress-bar").stop().animate({   width: '10%' }, 5000);</code> on it, the width jumps to 54% (steadily) then animates down to 10%. I'm not sure why this is or what to do about it.</p>
  
  <p>Thoughts?</p>