Progress Tracker Component

Component name: Progress Tracker

Authors who can use: any

Templates/page types that can use component: all

Required or optional: optional

Once on the desired page in Edit mode, add the Progress Tracker by doing the following:

Option 1: Double click on “Drag components here.” A modal titled “Insert New Component” will pop up. Type “Progress Tracker” in the search bar, or scroll to the Progress Tracker in the list. Double click to add to page.

Option 2: On the left hand rail, navigate to the Components tab. Type “Progress Tracker” in the search bar, or scroll to the Progress Tracker in the list. Double click to add to page.

1. With the edit wrench, open the component.

2. Authoring Dialog

a. Number of Steps: Use the dropdown to select the total number of steps to be displayed. Recommendation: Minimum 3.

b. Current Step: Based on the number selected from the previous step, use this dropdown to select which step is the current step. For example, if there are 5 total steps but current process is only at step 2, select 2 from this current step dropdown. 

c. Step Title: Enter a title for the current step selected in previous step. 

d. Heading Style: Use the dropdown to select the heading style.

e. Next Step Title: Enter a title for the next step title. This will provide the user with clear next step in this progress tracker.