<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> <!------ Include the above in your HEAD tag ----------> <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>