Progress bar

stable

Determinate or indeterminate progress for uploads and long tasks.

since v1.50.8 kB gzip

Preview

Code

Uploading assets18%

CLI

Manual

npm

pnpm

bun

yarn

$ npx @strata/cli add progress

React

Import only

import { ProgressBar } from "@/components/strata";

<ProgressBar label="Uploading assets" value={68} />

Prop	Type	Default
`value` Current value; omit for indeterminate.	number	—
`label` Accessible, visible label.	ReactNode	—
`valueLabel` Custom value text.	ReactNode	—

Toast

Brief, non-blocking notifications with actions and promise states.

Was this page helpful?

Documented since v1.5 · components/progress.mdx