update progress bar using ajax request seconds

update progress bar using ajax request seconds

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?
For example, the request takes between 1.30s to 1.40s 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
<div class="progress progress-striped active">
<div class="progress-bar" role="progressbar" aria-valuenow="65"
aria-valuemin="0" aria-valuemax="100" style="width: 65%">
<span class="sr-only">65% Complete</span>
</div>
</div>
The length of the progress bar is determined using the width: 65% attribute
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