Progress

The Progress component provides a lightweight and accessible way to indicate task completion using the native HTML progress element.

Ignix Lite progress bars support empty, partial, and completed states.

---

Preview

Code

<progress value="0" max="100"></progress>

<progress value="50" max="100"></progress>

<progress value="100" max="100"></progress>

Usage

Preview

Upload Progress

72% completed

Code

<strong>
  Upload Progress
</strong>

<progress value="72" max="100"></progress>

<span>
  72% completed
</span>

---

Attributes

Attribute	Type	Description
value	number	Current progress value
max	number	Maximum progress value