Progress Bar

Communicates determinate progress with semantic value attributes.

Upload progress68%

Deployment92%

Astro

---
import { ProgressBar } from '@charvesta/cetha';
---

<ProgressBar value={68} label="Upload progress" showValue />

API reference

Prop	Type	Default	Description
`value`*	`number`	—	Current value.
`label`*	`string`	—	Progress label.
`showValue`	`boolean`	`false`	Displays percentage.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Exposes current, minimum, and maximum values to assistive technology.