Statusbar -> width und innerHTML per javascript ändern

[Pete]

Hi, ich hab ne div die als Statusanzeige dienen soll.
<div id="statusBar" style="background-color:#d0e0e9; width: 0px; height: 15px; text-align: center;"><div id="statusText"></div></div>

per klick auf den button soll sich die statusanzeige für jeden durchlauf ändern:
<input type="button" value="TU ES" name="B3" onclick="test();">

function test(){
maxRow=9000;
for(r=0; r<maxRow; r++){
            //status-bar
            document.getElementById("statusBar").style.width = (maxRow/250) * ((100 / maxRow) * r+1);
            //percent
            document.getElementById("statusText").innerHTML = ((100 / maxRow) * (r + 1)) + "%";
}

das problem: die statusanzeige ändert sich erst, wenn die for-schleife verlassen wird. ich möchte aber den fortschritt für jeden durchlauf sehen. wo liegt das problem?