title: How to align text vertically within bootstrap progress bar
body: <p>I modified the height of the bootstrap progress bar as you can see in the following link:
  <a href="http://jsfiddle.net/8Xf2j/31/" rel="noreferrer">http://jsfiddle.net/8Xf2j/31/</a></p>
  
  <p>What I'm trying to make is that the text is centered vertically. I tried to add the property:</p>
  
  <pre><code>vertical-align:middle
  </code></pre>
  
  <p>But it does not works... I also want to increase the font size of the text containing the progress bar adding:</p>
  
  <pre><code>font-size:30px;
  </code></pre>
  
  <p>As you'll see in de fiddle it doesn't works too.
  Any idea or advice would be appreciated.</p>