<p dir="auto">When using stacked progress bars, the value 0 is not usable with the <code class="notranslate">aria-valuenow</code> attribute.</p>
<p dir="auto">See:<br>
<a href="http://plnkr.co/edit/MqKBgSEWHidDY6lNFWwG?p=preview" rel="nofollow">http://plnkr.co/edit/MqKBgSEWHidDY6lNFWwG?p=preview</a></p>
<p dir="auto">This is due to the min-width for the <code class="notranslate">[aria-valuenow=0]</code> pushing the 100% bar element to the next line.</p>
<p dir="auto">Discovered while testing <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="38666242" data-permission-text="Title is private" data-url="https://github.com/angular-ui/bootstrap/issues/2511" data-hovercard-type="issue" data-hovercard-url="/angular-ui/bootstrap/issues/2511/hovercard" href="https://github.com/angular-ui/bootstrap/issues/2511">angular-ui/bootstrap#2511</a> .</p>
<p dir="auto">The min-width on progress bars meant for showing 0% text cases can sometimes cause stacked bars to not appear. This problem arises when using the <code class="notranslate">aria-valuenow</code> attribute.</p>
<p dir="auto"><a href="http://jsbin.com/rexagi/1/" rel="nofollow">jsbin demo</a></p>
<p dir="auto">Resizing the browser to a grid size medium or below shows the problems in the 90%s.</p>