<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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="container"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="rating-block text-center"> <h4>Você acertou</h4> <h2 class="bold padding-bottom-7">4 <small> de um total de 5</small></h2> <div class="text-center"> <div class="pull-left" style="width:100%;"> <div class="progress" style="height:16px; margin:8px 0;"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: 1000%"> <span class="sr-only">80% Complete (danger)</span> </div> </div> </div> </div> </div> </div> </div> <!-- /container -->

.btn-grey{ background-color:#D8D8D8; color:#FFF; } .rating-block{ background-color:#FAFAFA; border:1px solid #EFEFEF; padding:15px 15px 70px 15px; border-radius:3px; } .bold{ font-weight:700; } .padding-bottom-7{ padding-bottom:7px; } .review-block{ background-color:#FAFAFA; border:1px solid #EFEFEF; padding:15px; border-radius:3px; margin-bottom:15px; } .review-block-name{ font-size:12px; margin:10px 0; } .review-block-date{ font-size:12px; } .review-block-rate{ font-size:13px; margin-bottom:15px; } .review-block-title{ font-size:15px; font-weight:700; margin-bottom:10px; } .review-block-description{ font-size:13px; }