<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="span6">
<h5>Poll: Where do you usually browse</h5>
<strong>Windows PC</strong><span class="pull-right">30%</span>
<div class="progress progress-danger active">
<div class="bar" style="width: 30%;"></div>
</div>
<strong>Mac</strong><span class="pull-right">40%</span>
<div class="progress progress-info active">
<div class="bar" style="width: 40%;"></div>
</div>
<strong>iPad/iPhone</strong><span class="pull-right">10%</span>
<div class="progress progress-striped active">
<div class="bar" style="width: 10%;"></div>
</div>
<strong>Android</strong><span class="pull-right">5%</span>
<div class="progress progress-success active">
<div class="bar" style="width: 5%;"></div>
</div>
<strong>Others</strong><span class="pull-right">15%</span>
<div class="progress progress-warning active">
<div class="bar" style="width: 15%;"></div>
</div>
<p>
<a href="#" class="btn btn-large btn-success">Vote</a>
<a href="#" class="pull-right">View detailed results</a>
</p>
</div>
