title: Bootstrap progress bar progression
body: <p>I am using bootstrap to create my website and I am trying to use a progress bar. What I am trying to do is after I complete a function in PHP (I have 10 functions to do) I advance the progress of the bar by 10%. I believe his is done using java-script but I am unsure on how to do it with bootstrap and my current web searches have not turned up anything I could use. (there are examples of when the page loads progress to 100% but I don't know how these work)</p>
  
  <pre><code>&lt;div class="progress progress-striped active"&gt;
      &lt;div class="bar" style="width: 0%;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This above is my HTML definition of the bootstrap progress bar. I know changing the width changes the percentage of what is filled in but I don't know how to change it after I have completed a function (functions are all in one page ran one after another).</p>
  
  <p>Could someone help? or point me in the right direction?</p>