Home Page Elements Progress Widget

Progress Widget

Last updated on Aug 23, 2024

The Progress Widget is another interesting and useful object that you can add to 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 is 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 the 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 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 into 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