English
Spanish
German
Italian
Hindi
French
Basic Progress & Labels
Display progression indicators, with options to overlay centered percentages or labels.
Standard Progress (50%)
With Label Highlight
Height Sizing Options
Adjust bar thickness using inline style parameters or custom sizing height utility classes.
Tiny (2px height)
Small (6px height)
Default (10px height)
Large (18px height)
Theme Background Colors
Core brand backgrounds applied on progress tracking layers using standard color helpers.
Striped & Animated Progress
Add a striped pattern to the progress bar by adding `.progress-bar-striped`, and animate it with `.progress-bar-animated`.
Striped Accent Progress
Animated Progression Overlay
Stacked Progress Bars
Combine multiple progress elements inside a single progress container component wrapper to show a segment breakdown.