центр Прогресс-бар в Twitter Bootstrap

Question

Прогресс бар, синий затенения, выравнивается по левому краю, но я хотел бы, чтобы быть в центре:

<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css"> 
 
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap-theme.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
 

 
<div class="progress"> 
 
    <div class="progress-bar progress-bar-primary text-center" style="width: 25%">25%</div> 
 
</div> 
 

 
<div class="progress text-center"> 
 
    <div class="progress-bar progress-bar-primary" style="width: 25%">25%</div> 
 
</div> 
 

 
<div class="progress" align="center"> 
 
    <div class="progress-bar progress-bar-primary" style="width: 25%">25%</div> 
 
</div> 
 

 
<div class="progress"> 
 
    <div align="center" class="progress-bar progress-bar-primary" style="width: 25%">25%</div> 
 
</div> 
 

 
<p>Come to think of it, this might work:</p> 
 
<div class="progress pull-left" style="width:37.5%">&nbsp;</div> 
 
<div class="progress"> 
 
    <div class="progress-bar progress-bar-primary" style="width: 25%">25%</div> 
 
</div> 
 

 

 
     

Answer 1

Я думаю this может помочь вы, чтобы получить то, что хотите.

Answer 2

"текст-центр" Класс Использовать Bootstrap в

<div class="progress"> 
    <div class="progress-bar progress-bar-primary text-center" style="width: 25%">25%</div> 
</div>