Question

I want to make a progress bar that fills up every time a user goes from page to page..I’ve made an online survey and I want after each question displayed on a page the progress bar to be fill.Let’s say I have 10 questions.After the user answers 3 the progress bar will be fill with 3/10 and so on. How can I make such a progress bar?

Answer 1

Something like this should do the job:

<div id="progressBar" style="width:500px;border:solid 1px blue;">
    <div style="background-color:blue;width:<%=percentageComplete%>%"></div>
</div>

Where percentageComplete is set in you page/usercontrol.