{{> head title="Progress Bars"}}
{{> sidebar-ela}}
{{> header-ela}}

#### 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

0%

###### Task Progress

25%
{{> footer}}
{{> scripts}}