title: Angular UI bootstrap progressbar minimum width
body: <p>I am trying to set the minimum width of the angular UI bootstrap progressbar. I checked the docs and they do not mention how to do this. I know for the 'regular' bootstrap you can use something like <code>style="min-width: 10em;"</code>. However this only works if you wrap it in the standard progress bootstrap divs like so:</p>
  
  <pre><code>&lt;div class="progress"&gt;
      &lt;uib-progressbar class="progress-striped active progress-bar" value="value" style="min-width: 10em;"&gt;
      &lt;span&gt; text &lt;/span&gt;&lt;/uib-progressbar&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But this displays a progressbar bar without the 'active' animation since regular bootstrap does not support this. When I try it like so it does not set the min-width property</p>
  
  <pre><code>&lt;uib-progressbar class="progress-striped active progress-bar"value="value" style="min-width: 10em;"&gt;
      &lt;span&gt; text &lt;/span&gt;
  &lt;/uib-progressbar&gt;
  </code></pre>
  
  <p><strong>edit:</strong> I overlooked the animation section in the 'regular' bootstrap docs. I would however like to use the UI bootstrap progressbar if possible.</p>