Progress Widget

Add a progress bar to your page to let page visitors know how much longer it would take to get to the end of the task.

Ariane Ramirez avatar
Written by Ariane Ramirez
Updated over a week ago

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.

Other Element Options

Click the dropdown arrow next to the settings icon of the element or right click on the element to show the the other options.

  • Cut - the element will be removed from the page and can be pasted in another part of the page or on a different page

  • Copy - the element will be copied and can be pasted in another part of the page or on a different page

  • Paste Below - a copied or cut element will be pasted below the selected element

  • Rename - the element will be renamed instead of having the default element label

  • Duplicate - the element will be duplicated and placed below the selected element

  • Delete - the element will be deleted from the page

  • Progress Settings - it will open the settings menu on the left side of the screen

  • Help with Progress Elements - it will open up a new tab and redirect to a help article about the element


Did this answer your question?