Progress bar

Progress bar provides visual feedback on completion status, allowing learners to track their advancement through course content.

Style settings

Property	Description
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

For details on how to configure parameters in rich-text options, see Typography and fonts.