Progress bar
Progress bar provides visual feedback on completion status, allowing learners to track their advancement through course content.
Style settings
Progress line (background)
Set the color for the unfilled portion of the bar
Progress line (completed)
Define the color for the filled portion showing completion
Rounding
Adjust corner radius of the progress bar
Display border
Toggle border visibility around the bar (Yes/No)
Border color
Set the color for the border around the progress bar
Thickness
Adjust border thickness
Margin from text
Set spacing between the progress bar and percentage text
Progress shadow
Add and configure shadow effects for the progress bar:
Click the "+" icon to add shadow effects.
Select from shadow styles: None, Soft, Regular, or Retro.
Typography settings
Use Rich-text on the Typography tab to apply specific formatting to the text within the Progress bar. Changes made here affect only the text in the Progress bar element:
Basic
Headings
Caption
List
Quote
Link
Last updated
Was this helpful?