How to use progress widget

Widget name: [Common]Progress Bar

Using:

Step 1: Add progress widget to page

1. Open the page to add widget, change to edit mode tab. 
   
2.  Click Add Content in container and choose Add widget
    
3. In the form widget, find and choose [Common] Progress Bar. If this widget has been previously created, you can select it in the right pane. If you want to create a new one, select Create new [Common] Progress Bar
   

Step 2: Config progress bar: You can fill in the fields as below (note: red fields are required)

1. Widget Title: Enter widget name
2. Background color: choose color for progress bar
3. Left content: Enter left content for header section
   Example: 
   
4. Right content: Enter right content for header section
   Example:
   
5. Position: Select the position of the progress bar (above or below the section header)
   Example: