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

This is probably a redraw issue. Since the delay is set to 0 the CSS changes aren't drawn until the last update.

The easiest way to force a redraw is to read the elements height:

$("div[role='progressbar']").css("width", markerPer + "%").attr("aria-valuenow", markerPer);
$("div[role='progressbar']").height();