EverWeb Widgets HTML5

Progress Bar Widget


HTML5 Progress Indicator

The HTML5 progress element creates a familiar looking progress bar which can be easily set up to give a visual indication of progress through a document, questionaire etc.

Note that this is a static progress bar. The animation widgets section has both a dynamic horizontal and a vertical progress bar.




33% completed

66% completed

99% completed


100% completed

Drag the widget onto the page.

Set the width using a drag handle or the Metrics inspector.

Enter a number between 0 & 100 for the progres value.

Sit back and admire the result.

Get The Widget

Widget Settings

HTML5 progress indicator
Progress Bar