Feedback v1.0.0

Progress Bar

A horizontal progress indicator for showing completion status. Supports determinate (percentage) and indeterminate (animated) modes with multiple color variants and size options.

Preview & Code

Options

Name Type Default Description
value Integer 0 Progress percentage (0-100). Ignored in indeterminate mode.
variant Symbol :default Color variant: :default, :success, :warning, :danger
size Symbol :md Bar height: :sm, :md, :lg
label Boolean false Show percentage label
indeterminate Boolean false Show animated indeterminate state instead of fixed percentage
class String "" Additional CSS classes to apply

Changelog v1.0.0

- Initial release with determinate and indeterminate modes
- Color variants: default, success, warning, danger
- Size variants: sm, md, lg
- Optional percentage label
- Accessible with role="progressbar" and aria attributes

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now