Basic

 
<div class="progress">  <div class="bar" style="width: 60%;"></div></div>

Striped

 
<div class="progress progress-striped">  <div class="bar" style="width: 20%;"></div></div>

Animated

 
<div class="progress progress-striped active">  <div class="bar" style="width: 40%;"></div></div>

Additional colors

 
 
 
 
<div class="progress progress-info">  <div class="bar" style="width: 20%"></div></div><div class="progress progress-success">  <div class="bar" style="width: 40%"></div></div><div class="progress progress-warning">  <div class="bar" style="width: 60%"></div></div><div class="progress progress-danger">  <div class="bar" style="width: 80%"></div></div>

Striped bars

 
 
 
 
<div class="progress progress-info progress-striped">  <div class="bar" style="width: 20%"></div></div><div class="progress progress-success progress-striped">  <div class="bar" style="width: 40%"></div></div><div class="progress progress-warning progress-striped">  <div class="bar" style="width: 60%"></div></div><div class="progress progress-danger progress-striped">  <div class="bar" style="width: 80%"></div></div>

Revolution

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Latest Revolution

Subscribe our news