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