Home / Extensions / Bootstrap / Progress Bars
Bootstrap 5.3

Progress Bars

Progress indicators with variants, striped, animated, and labeled options

Dynamic Progress

Progress bars updating in real-time via OorianWorkerThread:

File Upload — 0%

0%

Data Processing — 0%

0%

System Scan — 0%

0%

Progress Bar Variants

Contextual colors for different progress states:

Success (Task Complete)

Info (Processing)

Warning (Nearing Limit)

Danger (Critical)

Striped and Animated

Striped progress bars with optional animation for active processes:

Striped

Striped Success

Animated (Active Upload)

Animated Danger (Processing)

Progress with Labels

Progress bars can display their percentage value:

File Upload

25%

Task Completion

50%

Storage Usage

85%
← Back to Bootstrap Components
Explore all 10 component categories