title: jQuery Make a Live Progress Bar
body: <p>How could I make a live progress bar. This is what I am using as the progress bar, the bootstrap progress bar.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;div class="progress"&gt;
        &lt;div class="progress-bar" role="progressbar"
        aria-valuemin="0" aria-valuemax="100"&gt;
          Time Passed
        &lt;/div&gt;
        &lt;div class="center"&gt;Time Left&lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can I make it so that it updates live, by adding 1% every second. I need to have it so the width of the class progressbar changes to a certain amounts of pixel. 100px=100% filled progress bar.</p>
  
  <p>Let me know I am not clear enough.</p>