Progress Indicator - Simple Solution

Often we want to take user through a few questions / panels at a time.  While doing so it's good practice to let the user know the progress they have made at completing the form with a graphical indicator.

The simplest way to do this is by using the HTML <Progress> Tag.

Let's say that you have 3 steps in the form completion process.  You would add this HTML to the top of each section (in an HTML Fragment).  The value for the 2nd and 3rd steps would be set to 66 and 99.


<progress value="33" max="100"></progress>