title: How to hide bootstrap progress bar after it get's the maximum value 100%. Angularjs
body: <p>I am working with bootstrap progress bar. What I want is when I click the <code>test</code> button the progress bar will shown and after it get's 100% I want to hide it and when I click the test button again it will show again. How can I do this? </p>
  
  <p>This is my fiddle: <a href="http://jsfiddle.net/1ptm607v/71/" rel="nofollow">http://jsfiddle.net/1ptm607v/71/</a></p>
  
  <p>sample code:</p>
  
  <pre><code>&lt;div ng-controller="MainCtrl"&gt;
  &lt;progressbar value="data.progress" class="progress-striped active" animate="true" max="100"&gt;&lt;/progressbar&gt;
  &lt;button ng-click="test()"&gt;test&lt;/button&gt;
  </code></pre>
  
  <p></p>