title: Display text on bootstrap progress bar if bar is empty
body: <p>So I have a bootstrap progress bar where text is displayed within the bar - I've noticed that the text only shows if the bar has SOME amount of fill, but if the bar is empty, the text isn't shown? </p>
  
  <p>How can I edit this HTML to show the text inside the bar if the bar is empty as well as full or anywhere in between? </p>
  
  <pre><code> &lt;div class="progress"&gt;
    &lt;div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;"&gt;
      This is my text
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>