title: update progress bar using ajax request seconds
body: <p>Basicaly, I'm performing an AJAX request for an external login system, how can I update the progress bar based on the length of the request?</p>
  
  <p>For example, the request takes between <strong>1.30s</strong> to <strong>1.40s</strong> to complete, how can I update an progress bar based on certain intervals, like update it 10% every 10ms or something, here's the HTML layout for the progress bar</p>
  
  <pre><code>&lt;div class="progress progress-striped active"&gt;
      &lt;div class="progress-bar"  role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%"&gt;
          &lt;span class="sr-only"&gt;65% Complete&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The length of the progress bar is determined using the <code>width: 65%</code> attribute</p>
  
  <p>The idea is to basically get it to look like it's updating based on the request so when the request is complete the percentage bar is full</p>