title: How do you animate the value for a jQuery UI progressbar?
body: <p>I've setup a jQuery UI progressbar but can't use jQuery animate to animate it's value. Any ideas on how to make this work?</p>
  
  <p>The <code>percentDone</code> variable holds a number from 0 to 100 showing how far along the scrollbar should be (this works fine).</p>
  
  <p>I've tried several different things to no avail. Here's what I have so far:</p>
  
  <pre><code>var progressbar = $("#progressbar1").widget();
  
  progressbar.animate({
      value: percentDone
  }, 5000, function() {
      console.debug('done animating');
  });
  </code></pre>
  
  <p>Note that if I update the scrollbar using the "value" method it works fine but it jumps to that value instead of smoothly animating to it:</p>
  
  <pre><code>$("#progressbar1").progressbar('value', percentDone);
  </code></pre>