The Progress Widget is yet another interesting and useful object that you can add in your page and there is no need to add any plugins or codes. All you have to do is to click on the progress icon and you will see that there are a selection of templates.

This feature will allow your page visitors to see how many more steps they need to take to reach the end of a task.

Add a Navigation Widget to a Page

Click the Add [+] Button to slide out the Page Elements menu. Click the Progress element from the menu, then drag it to a section on the page.

Property Settings Menu

Click the [settings icon] to load the property settings of the Progress object.

  • Progress Bar Amount
  • Progress Bar Width
  • Progress Bar Color
  • Progress Bar Position
  • Progress Bar Alignment

Progress Bar Amount

You adjust the progress amount for that page

Width Settings

Use the width dials to adjust the width of the Progress object

Color Settings

You can choose the color of the Progress element

Position Settings

You can move the Progress element position upward or downward.

Alignment Settings

You can set alignment of the Progress object to left, center, or right.

Did this answer your question?