title: Multiple bars into the same .progress with href is not working?
body: <p>progress-bar-danger is not shown, i tried the below html without , it is working. I dont know why it is not working with ? please see the screen shot &amp; suggest.. thanks </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="progress"&gt;
      &lt;a href="/sample1"&gt;
          &lt;div class="progress-bar progress-bar-success" style="width: 65%"&gt;
              &lt;span&gt;65%&lt;/span&gt;
          &lt;/div&gt;
      &lt;/a&gt;
      &lt;a href="/sample2"&gt;
          &lt;div class="progress-bar progress-bar-danger" style="width: 35%"&gt;
              &lt;span&gt;35%&lt;/span&gt;
          &lt;/div&gt;
      &lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/bKjRV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bKjRV.png" alt="enter image description here"></a></p>