Bootstrap Striped Progress Bar

First Page
Next Page

Bootstrap Striped progress bar

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href="css/bootstrap.min.css">
      <script src="scripts/jquery.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
   </head>
   <body>
      <h2>Striped Progress Bars</h2>
      <h3>Warning Progress Bar</h3>
      <div class="progress progress-striped">
         <div class="progress-bar progress-bar-warning" role="progressbar"
         aria-valuenow="35" aria-valuemin="0" aria-valuemax="100" style="width: 35%;">
            <span class="sr-only">35%Complete (warning)</span>
         </div>
      </div>
      <h3>Danger Progress Bar</h3>
      <div class="progress progress-striped">
         <div class="progress-bar progress-bar-danger" role="progressbar"
         aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
            <span class="sr-only">70% Complete (danger)</span>
         </div>
      </div>
   </body>
</html>

Output

First Page
Next Page