Progress

Linear progress bar with size variants, colors, and indeterminate animation.

Basic

Preview Code

<ac-progress value="25"></ac-progress>
<ac-progress value="50"></ac-progress>
<ac-progress value="75"></ac-progress>
<ac-progress value="100"></ac-progress>

Copy

Sizes

Preview Code sm · md · lg

<ac-progress value="60" class="ac-progress--sm"></ac-progress>
<ac-progress value="60"></ac-progress>
<ac-progress value="60" class="ac-progress--lg"></ac-progress>

Copy

Indeterminate

Preview Code

<ac-progress indeterminate></ac-progress>

Copy

Attributes

Attribute	Values	Description
value	0–100	Progress percentage
indeterminate	boolean	Animated loading state (unknown progress)