Javascript progress animation
<p>I am trying to build a progress bar using jQuery and javascript.</p>

<p>It is basically a bar</p>

<pre><code>&lt;div id="progressbar"&gt;&lt;div id="progress"&gt;&lt;/div&gt;
&lt;div id="number"&gt;0%&lt;/div&gt;
</code></pre>

<p>when you click on the next button (which isnt here) it changes the width of the progress div and using css3 it animates it nicely, but my problem here is the number. I have 5 screens so they are all 20% each and I would like to animate the numbers so while the bar is getting wider the number flicks through all numbers from 0% to 20% in the same time as the bar animation (0.5s)</p>

<p>I know with JQuery you could just use the innerHTML command and change it from 0% to 20% but I wanted to animate it.</p>

<p>Any idea how to do that?</p>
