ProgressBar

Horizontal progress indicator with optional label. Supports semantic and custom colors.

Preview

Usage

import { ProgressBar } from '@ramtt/ui'

<ProgressBar value={73} max={100} />
<ProgressBar value={45} max={100} color="positive" label="Compliance" />

Props

Prop	Type	Default	Description
value*	`number`	—	Current progress value
max*	`number`	—	Maximum value
color	`'default' \| 'positive' \| 'negative' \| 'warning' \| string`	'default'	Bar color
label	`string`	—	Label text above bar
height	`number`	6	Bar height in pixels