e8-progress
Updated on Sep 18, 2025 11 minutes to readA flexible progress bar component with support for animation, stripes, and value display.
Overview
e8-progress visually represents task completion or data loading progress.
It supports animated movement, striped styling, percentage display, and configurable precision.
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| animated | Enables animation when the bar is striped. | boolean | false |
| max | Maximum possible value for the progress bar. | number | 100 |
| precision | Number of decimal digits shown for percentage display. | number | 0 |
| show-progress | Displays progress as a percentage instead of raw value. | boolean | false |
| show-value | Displays the current numeric value instead of percentage. | boolean | false |
| striped | Adds a striped pattern to the progress bar. | boolean | false |
| v-model | Two-way bound numeric value representing current progress. | number | — |
| variant | Color variant of the progress bar. | E8BackgroundColorVariants | 'primary' |