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%

Meter Label