- Docs
- Progress
Progress
Progress bars show either determinate or indeterminate progress of an operation over time.
Preview
Code
Installation
Manual
Copy and paste the following code into your project.
Loading...
Update the import paths to match your project setup.
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%