부트 스트랩 진행률 표시 줄을 가운데 정렬하는 방법은 무엇입니까?

Question

트위터 - 부트 스트랩 프레임 워크 v3.0.0을 사용하여 진행률 표시 줄의 가운데에 텍스트를 놓으려고합니다.

나는 this solution을 시도했지만 프레임 워크의 새 버전에서 작업하지 않을까 걱정됩니다. 여기

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

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

이 바이올린입니다 : http://jsfiddle.net/HuFw4/

당신이 채워진 부분이나 빈 부분에서 텍스트를 중앙에 볼 수 있듯이, 그러나 모든 컨텐츠를 존중하지

그래서 나는이 시도 .

의견이나 조언이 있으십니까?

Answer 1

당신은

try this demo

Answer 2

이 시도하여 스팬 요소에 대해 position: absolute;을 적용해야합니다

<div class="progress"> 
    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%; text-align:center"> 
    HELLO 
    </div> 
</div> 

텍스트는 스타일을 중심으로해야한다

= "텍스트 정렬 : 센터"