Progress

Determinate and indeterminate progress bars.

Usage

{% include components/progress.html
   value=65
   label="Upload"
   show_value=true
   variant="primary"
%}

Parameters

Parameter	Type	Default	Description
value	number	0	Current value
max	number	100	Maximum
label	string	—	Visible label
show_value	boolean	false	Show percentage
variant	string	primary	primary success warning danger info
size	string	md	sm md lg
indeterminate	boolean	false	Loading state
class	string	—	Extra classes

Example

Upload progress 65%

Complete 100%

Processing...

Accessibility

Uses role="progressbar" with aria-valuenow, aria-valuemin, and aria-valuemax. Indeterminate bars expose aria-valuetext="Loading".