Course Progress
Course Progress
Renders a visual progress indicator for a LearnDash course. The display shape, progress number format, and meta text are all configurable.
Usage
On a course or lesson template — Shows the current user's progress through the current course. Displays 0% for users who haven't started.
Text or raw number variant — Set Shape to Text to show only the percentage label without a visual bar, or Raw to output just the number — useful when you want to embed the figure inside custom HTML.
Progress for a specific course — Uncheck Current course and select a specific course to show progress for a course other than the one currently being viewed. Useful on a learner dashboard displaying multiple enrolled courses.
Settings
Settings tab
| Setting | Description | Default |
|---|---|---|
| Select Course | Use Current course or select a specific course. | Current course |
| Shape | Display style: Default LearnDash progress bar, Line, Circle, Semi-Circle, Text, or Raw. | Line |
| Animation | Animate the progress indicator on load. | On |
| Progress Indicator Type | Show progress as Percentage, Fraction (e.g. 3/10), or Disabled. | Percentage |
| Progress number position | Position of the progress number: Inline, Overlay, or Follow Progress. | Overlay |
| Show Meta Text | Show extra text labels: None, Top, Bottom, or Both. | None |
Style tab
| Setting | Description | Default |
|---|---|---|
| Typography | Font settings for the progress label. | — |
| Text color | Color for the progress label. | #555555 |
| Alignment | Horizontal alignment of the module (responsive). | — |
| Progress bar color | Fill color of the bar (solid or gradient). | #50be7c |
| Background color | Track color behind the progress bar. | #eeeeee |
| Width | Width of the progress bar (responsive, with unit). | 100% |
| Height | Height of the bar in px (Line shape). | 20px |
| Border | Border style and radius for the progress bar container. | — |