title: Twitter Bootstrap: Center Text on Progress Bar
body: <p>I've been using Twitter's bootstrap and I would like the text on the progress bar to be centered on the on bar regardless of value.</p>
  
  <p>The below link is what I have now.  I would like all text to be aligned with the bottom most bar.</p>
  
  <p>Screenshot:</p>
  
  <p><img src="https://i.imgur.com/gaE4U.png" alt="progress bar"></p>
  
  <p>I've tried my best with pure CSS and I'm trying to avoid using JS if possible but I'm willing to accept it if it's the cleanest way to do it.</p>
  
  <pre><code>&lt;div class="progress"&gt;
      &lt;div class="bar" style="width: 86%"&gt;517/600&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>