Progress

A horizontal bar that indicates the completion status of a task or process. The bar fills from left to right to visually communicate progress.

Basic Usage

25%

50%

75%

100%

Thin (h-1)

Small (h-1.5)

Default (h-2)

Large (h-3)

Progress bars are used in the Dashboard's Active Projects widget to show project completion status alongside tech-stack badges and status indicators.

Client Portal

100%

Design System v3

72%

Task Automation API

45%