Use of progress bar in Bootstrap

<div class= "Container" >
<div class= "Progress" >
<div class= "progress-bar" style= "width:40%" role= "Progress-bar" aria-valuesnow= "60"
aria-valuesmin= "0" aria-vluesmax= ">"
<span class= "Sr-only" >40% compelete</span>
</div>
</div>
</div>

<div class= "Container" >
<div class= "Progress" >
<div class= "Progress-barProgress-bar-danger"Role=" Progreess-danger "aria-valuenow=" 60 "
aria-valuemin= "0" aria-valuesmax= "style=" "width:60%" >
<span class= "Sr-only" >60% compelete</span>
</div>
</div>
<div class= "Progress" >
<div class= "Progress-barProgress-bar-info"Role=" Progreess-info "aria-valuenow=" 60 "
aria-valuemin= "0" aria-valuesmax= "style=" "width:50%" >
<span class= "Sr-only" >50% compelete</span>
</div>
</div>
<div class= "Progress" >
<div class= "Progress-barprogress-bar-success"Role=" progreess-success "aria-valuenow=" 60 "
aria-valuemin= "0" aria-valuesmax= "style=" "width:40%" >
<span class= "Sr-only" >40% compelete</span>
</div>
</div>
<div class= "Progress" >
<div class= "Progress-barprogress-bar-warning"Role=" progreess-warning "aria-valuenow=" 60 "
aria-valuemin= "0" aria-valuesmax= "style=" "width:30%" >
<span class= "Sr-only" >30% compelete</span>
</div>
</div>
</div>

<div class= "Container" >
<div class= "Progressprogress-striped">
<div class= "Progress-bar progress-bar-danger" role= "Progreess-danger" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:60%" >
<span class= "Sr-only" >60% compelete</span>
</div>
</div>
<div class= "Progress progress-striped" >
<div class= "Progress-bar progress-bar-info" role= "Progreess-info" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:50%" >
<span class= "Sr-only" >50% compelete</span>
</div>
</div>
<div class= "Progress progress-striped" >
<div class= "Progress-bar progress-bar-success" role= "progreess-success" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:40%" >
<span class= "Sr-only" >40% compelete</span>
</div>
</div>
<div class= "Progress progress-striped" >
<div class= "Progress-bar progress-bar-warning" role= "progreess-warning" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:30%" >
<span class= "Sr-only" >30% compelete</span>
</div>
</div>
</div>

<div class= "Container" >
<div class= "Progress progress-stripedActive">
<div class= "Progress-bar progress-bar-danger" role= "Progreess-danger" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:60%" >
<span class= "Sr-only" >60% compelete</span>
</div>
</div>
<div class= "Progress progress-striped Active" >
<div class= "Progress-bar progress-bar-info" role= "Progreess-info" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:50%" >
<span class= "Sr-only" >50% compelete</span>
</div>
</div>
<div class= "Progress progress-striped Active" >
<div class= "Progress-bar progress-bar-success" role= "progreess-success" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:40%" >
<span class= "Sr-only" >40% compelete</span>
</div>
</div>
<div class= "Progress progress-striped Active" >
<div class= "Progress-bar progress-bar-warning" role= "progreess-warning" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:30%" >
<span class= "Sr-only" >30% compelete</span>
</div>
</div>
</div>

<div class= "Container" >
<div class= "Progress" >
<div class= "Progress-bar progress-bar-danger" role= "Progreess-danger" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:60%" >
<span class= "Sr-only" >60% compelete</span>
</div>
<div class= "Progress-bar progress-bar-info" role= "Progreess-info" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:5%" >
<span class= "Sr-only" >5% compelete</span>
</div>
<div class= "Progress-bar progress-bar-success" role= "progreess-success" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:10%" >
<span class= "Sr-only" >10% compelete</span>
</div>
<div class= "Progress-bar progress-bar-warning" role= "progreess-warning" aria-valuenow= "60"
aria-valuemin= "0" aria-valuesmax= "style=" "width:20%" >
<span class= "Sr-only" >20% compelete</span>
</div>
</div>
</div>

As follows:

Use of progress bar in Bootstrap