<div class="row">
<div class="col-sm-12 text-center">
<h4 class="uppercase mb16">Exterior Title</h4>

<p class="lead mb64">Set progress bar width using the 'data-progress' attribute.</p>
</div>
</div>
<!--end of row-->

<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-12 text-center">
<div class="progress-bars">
<div class="progress progress-2"><span class="title">Transport</span>

<div class="bar-holder">
<div class="progress-bar" data-progress="90">&nbsp;</div>
</div>
</div>
<!--end of progress bar-->

<div class="progress progress-2"><span class="title">Amenity</span>

<div class="bar-holder">
<div class="progress-bar" data-progress="70">&nbsp;</div>
</div>
</div>
<!--end of progress bar-->

<div class="progress progress-2"><span class="title">Nightlife</span>

<div class="bar-holder">
<div class="progress-bar" data-progress="50">&nbsp;</div>
</div>
</div>
<!--end of progress bar--></div>
<!--end of bars holder--></div>
</div>
