ブートストラッププログレスバーのフォントサイズを大きくしてテキストを中央に揃える方法は？

Question

プログレスバー内のテキストのフォントサイズを簡単に増やすにはどうすればよいですか？そして、テキストを縦に並べますか？

<div class="progressBarModal"> 
    <div class="progress"> 
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="100" aria-valuemax="100" style="width:100%"> 
     this should be huge 
    </div> 
    </div> 
</div> 

Example on Bootply

Answer 1

は、ブートストラップ

http://www.bootply.com/BmGzxifuk9

Answer 2

次のHTML

<div class="progressBarModal"> 
    <div class="progress" style="height:30px"> 
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="100" 
    aria-valuemax="100" style="width:100%; font-size: xx-large;"> 
     this shoul be huge 
    </div> 
    </div> 
</div> 

Answer 3

<div class="progressBarModal"> 
    <div class="progress" style="height:30px"> 
    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="100" aria-valuemax="100" style="width:100%; font-size: xx-large;"> 
     this shoul be huge 
    </div> 
    </div> 
</div> 

でデフォルトのフォントサイズをオーバーライドする新しいクラスを追加しました使用

これをチェックするbootplyこの.progressバーのような