Progress Bars

Basic Progress Bars

Default progress bar

Progress bar with label

50%

Progress bar with custom height

75%

Colored Progress Bars

Bootstrap color variants

Primary

Success

Info

Warning

Danger

Secondary

Dark

Striped Progress Bars

25%

50%

75%

90%

Animated Progress Bars

75%

45%

60%

85%

95%

Gradient Progress Bars

Beautiful gradient effects

30%

50%

70%

90%

Rounded gradient bars

Skills Progress

HTML/CSS 95%

JavaScript 87%

React/Vue 78%

Node.js 65%

Python 72%

Multiple/Stacked Progress Bars

Include multiple progress bars in a progress component

With labels

HTML

CSS

JavaScript

PHP

Project completion status

Completed: 35%

In Progress: 20%

Planned: 10%

Dynamic Progress Bars

Click buttons to see progress changes

Download Progress

Task Progress

25%