Progress Bar

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

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui progress-bar

Examples

Info

Althought similar to Meter, ProgressBar is used to represent progress. In other words, it would typically be used in circumstances that start at zero and tend toward completion. For example: Loading progress, download progress, or battery charge progress.

Default

This is the default ProgressBar

Example

Code

Progress

With Custom Children

Coming soon: This is an example with custom children