Bootstrap進度條文本不是中心

Question

我使用引導進度條顯示花費的金額與限制。

有些時候，這將超過限制和進度欄將剛滿。

但是，當它超過它時，您將無法再看到文本，因爲它以離開div的條進度爲中心。

作品像正常：

<div class="progress"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"> 
    50% 
    </div> 
</div> 

，因爲它超過了格文本不再欄上顯示

<div class="progress"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="200" aria-valuemin="0" aria-valuemax="100" style="width: 200%;"> 
    200% 
    </div> 
</div> 

小提琴http://jsfiddle.net/E9chu/

我希望我可以，如果說超過最大金額（我可以指定這個），然後將類設置爲blah它告訴文本現在中心在progress股利而不是progress-bar格

Answer 1

添加此規則，以你的CSS：

.progress-bar { 
    max-width: 100%; 
}