ProgressBar
Uploading35%
Processing…
import { ProgressBar } from '@gg-software/ui';
<ProgressBar value={35} showValue label="Uploading" />
<ProgressBar value={70} tone="success" />
<ProgressBar indeterminate label="Processing…" />
<ProgressBar value={512} max={1024} format={(percent) => `${percent.toFixed(0)} %`} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | |
max | number | 100 | |
tone | "success" | "warning" | "primary" | "danger" | primary | |
size | "sm" | "md" | "lg" | md | |
indeterminate | boolean | false | |
showValue | boolean | false | |
label | ReactNode | — | |
format | ((percent: number) => ReactNode) | — | |
className | string | — |
* required · generated from packages/ui/src/display/ProgressBar/ProgressBar.tsx