Classes list
Every class Progress recognizes, straight from the @flickui/css source.
| Class | Purpose |
|---|---|
.progress | Base class — required; renders the bar form by default |
.progress-label | Text above the bar (e.g. a percentage or status message) |
.progress-track | The bar's background/rail (bar form only) |
.progress-fill | The filled portion — set its width via inline style (bar form only) |
.progress-fill-striped | Adds a diagonal stripe texture to the fill |
.progress-fill-animated | Animates the stripes for a "busy" look (combine with -striped) |
.progress-fill-shimmer | A sweeping highlight for an indeterminate bar |
.progress-ring | Switches to the circular SVG gauge form |
.progress-svg / -track / -arc | The ring form's SVG elements |
.progress-svg-label | Centered text label inside the ring |
.is-complete | Forces the bar fill to 100% |
.is-indeterminate | Spins the ring continuously (ring form only) |
.progress-meter | Marks a bar as a threshold "meter" (combine with .is-over) |
.is-over | Recolors a .progress-meter bar red when a threshold has been exceeded |