JollyUI
  1. Docs
  2. components
  3. Progress

Progress

Progress bars show either determinate or indeterminate progress of an operation over time.

Installation

npx @sly-cli/sly add jolly-ui progress

Note: Only the default style can be installed via CLI at the moment

Usage

Basic

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.

Progress13%