Why doesn't Progress Bar dynamically change unlike Text?

Question

I\'m dynamically updating a few elements after a setTimeout() function. The jQuery function .text() seems to dynamically update with each change of ind

Answer 1

It is due to the way bootstrap animates changes in progress bar state. If the timeout interval is smaller than the animation time it will queue the redraw.

Try adding this to your progress bar's CSS:

-webkit-transition: none;
transition: none;

Check my fiddle