Reading Progress Bar Widget Spec & How to use

Widget name: [Common]Progress Bar

Please find detail spec here:  DFSB-3714 - Getting issue details... STATUS

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 widget form, 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: 
   
   
   Note: If you do not want to use the header section, you may not need to enter the content for this section, this section will be hidden.