Question

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’?!!!

Answer 1

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}%;">&nbsp;</div>
</div>