Bootstrap Tutorial - Create a progress bar

The following code shows how to create a progress bar.

Example

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!--from   w  ww  .j a  v a2s.  c  om-->
</head>
<body style='margin: 20px'>

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


</body>
</html>

Click to view the demo