React Progress Component

Installation

pnpm add krz-ui

import { Progress } from "krz-ui";

<Progress label="Uploading" value={64} showValue />
<Progress color="success" value={100} striped />
<Progress /> {/* indeterminate */}

Prop	Type	Description
`value`	`number`	Current value. Omit for an indeterminate bar.
`max`	`number`	Maximum value. Defaults to 100.
`color`	`"primary" \| "success" \| "warning" \| "danger" \| "info"`	Bar color.
`size`	`"sm" \| "md" \| "lg"`	Bar height.
`label / showValue`	`ReactNode / boolean`	Label above the bar, optionally with the percentage.
`striped`	`boolean`	Animated diagonal stripes.
`className / style / ref`	`—`	All go to the outer element. See Customization.
`classNames`	`{ header?, label?, value?, track?, bar? }`	Extra classes for inner parts.