Rokkit 1.0.3

Progress

Progress bars, dots, and indicators for user feedback

A progress bar for visualizing completion state. Supports determinate progress with a value and an indeterminate loading animation.

Basic Example

Drag the slider to change the progress value:

No preview available
Example
Highlighting code...

Indeterminate State

When no value is provided, the progress bar shows an indeterminate loading animation:

No preview available
Example

Properties

Properties

  • value: Current progress (null for indeterminate)
  • max: Maximum value (default: 100)
  • class: Additional CSS classes