- Docs
- components
- Progress
Progress
Progress bars show either determinate or indeterminate progress of an operation over time.
Preview
Code
Installation
CLI
Copy & Paste
npx @sly-cli/sly add jolly-ui progress
Note: Only the default style can be installed via CLI at the moment
Usage
Basic
Preview
Code
Value Label
Values are formatted as a percentage by default, but this can be modified by using the formatOptions prop to specify a different format.
formatOptions
is compatible with the option parameter of Intl.NumberFormat and is applied based on the current locale.
For more options see react aria components docs.
Preview
Code
Progress13%