title: How to increment a bootstrap progress bar?
body: <p>I have just started out with .php/Java can someone show me how to get my bootstrap progress bar to increment in accordance with a users set time.</p>
  
  <p>Progress Bar:</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div class="progress progress-striped active"&gt;
  
  &lt;div id="progressbar" class="bar" style="width: 0%;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>User Input Example:
  Code:</p>
  
  <p>Set Seconds:  </p>
  
  <pre><code>&lt;input type="text" id="speed" value="10" /&gt; 
  
  &lt;input type="submit" value="Start" onclick="doProgress();" /&gt;
  </code></pre>
  
  <p>Java Script {needed}:</p>
  
  <p>Code:</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
   function doProgress()
  
   { 
  
   Idk :( Please help.
  
   };
   &lt;/script&gt;
  </code></pre>
  
  <p>(style="width: 0%;") Is the progress bars value 100% being maximum.</p>
  
  <p>I want the value to increase in accordance to the users set value in seconds using this element I provided: </p>
  
  <pre><code>&lt;input type="text" id="speed" value="10" /&gt; 
  </code></pre>
  
  <p>example: the user enters 30 I want it to take 30 seconds for the progress bar to reach 100%</p>