title: Bootstrap Progress bar doesn't work with Panel Inside
body: <p>I am trying to add a panel inside a progress bar but when I add the panel the progress bar does not work/increase width.</p>
  
  <p><a href="http://getbootstrap.com/components/#progress" rel="nofollow">http://getbootstrap.com/components/#progress</a>
  <a href="http://getbootstrap.com/components/#panels" rel="nofollow">http://getbootstrap.com/components/#panels</a></p>
  
  <p>Here is what I tried:</p>
  
  <p><a href="http://jsfiddle.net/fS2zq/" rel="nofollow">http://jsfiddle.net/fS2zq/</a></p>
  
  <blockquote>
  <pre><code>    &lt;div class="progress progress-striped active" style="height:100px;border-style:solid;"&gt;
      &lt;div class="panel panel-primary" style="width:15%;height:100px;"&gt;
          &lt;div class="panel-heading"&gt;
               &lt;h3 class="panel-title" style="text-align:center;"&gt;Division 10&lt;/h3&gt;
  
          &lt;/div&gt; &lt;strong&gt;&lt;div align="center"&gt;0 PTS&lt;/div&gt;&lt;/strong&gt;
  
      &lt;/div&gt;
      &lt;div class="progress-bar progress-bar-danger" style="width: 50%"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  </blockquote>