so i have this div
<div id="progress">{2 digit number updates here}</div>
What's the best way to turn this into a progress bar?
something like this?
<div id="progress">
<div id="bar" style="width={2 digit number updates here}"></div>
</div>
would this be 'ok'?!!!
Very nearly. You'd want to express your update as a percentage, so that you can show something like:
<div id="progress" width="400px;"><!-- maximum width of your bar -->
<div id="bar" style="width: {percentage complete goes here}%;"> </div>
</div>
In addition to VoteyDisciples answer you could also use the jQuery UI Progressbar and updating the percentage with .progressbar( "value" , 25 )