<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>bootstrap Experience Example: stacked progress bar </title>
<meta charset= "Utf-8"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1.0"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
<body>
<div style= "padding:20px" >
<div class= "Progress progress-striped Active" >
<div class= "Progress-bar progress-bar-success" role= "ProgressBar" aria-valuenow= "+" aria-valuemin= "0" aria-valuemax= "style=" width:40% "><span class=" sr-only ">40% Complete (Success) </span></div>
<div class= "Progress-bar progress-bar-info" role= "ProgressBar" aria-valuenow= "" "aria-valuemin=" 0 "Aria-valuemax = "style=" "width:30%" ><span class= "sr-only" >30% Complete (Success) </span></div>
<div class= "Progress-bar progress-bar-warning" role= "ProgressBar" aria-valuenow= "aria-valuemin=" 0 " aria-valuemax= "style=" width:20% "><span class=" sr-only ">20% Complete (Success) </span></div>
</div>
</div>
<script src= "Jquery/jquery-2.1.4.js" ></script>
<script src= "Bootstrap-3.3.5-dist/js/bootstrap.min.js" ></script>
</body>
Bootstrap Experience Instance: stacked progress bar