Progress and meter

progress shows how far a task has got. meter shows a value in a known range.

Progress

40%

Without a value the bar animates while the task runs. Users who prefer reduced motion see a still bar.

A color class colors the bar.

The bar is green in the optimum range, yellow below it and red in the worst range. Set low, high and optimum to define the ranges.

Disk usage, low 30% Disk usage, high 70% Disk usage, full 95%

Both take .small, .medium and .large, and .rounded or .square.

Variable	Default
`--i-progress-duration`One sweep of an indeterminate progress bar	`1s`
`--i-progress-color-background`	`light-dark(#dfe3eb, #202632)`
`--i-progress-color-bar`	`var(--i-color-primary)`
`--i-meter-color-optimum`	`var(--i-color-success)`
`--i-meter-color-suboptimum`	`var(--i-color-warning)`
`--i-meter-color-poor`	`var(--i-color-danger)`