[djkey]

Цель последовательно создать процедуры на sql сервере.
Делаю это следующим кодом:

function step4(){
	var lerror = 0;
	var classif = document.getElementById('classif').options[document.getElementById('classif').selectedIndex].value;
	var name_remote_DB = document.getElementById("name_remote_DB").value;
	var dblocalname = document.getElementById("dblocalname").value;	
	var elem = document.getElementById("listprocedure");
	var globalshifts = document.getElementById("loadperiod").getAttribute('dataload');
	var N = elem.getAttribute('Ntable');
		for (var i=1; i<=N; i++){
			
			var url = "CREATEPROCEDURE.php?procedure="+elem.rows[i].cells[1].innerHTML + "&dblocalname="+ dblocalname  + "&name_remote_DB="+name_remote_DB + '&classif='+ classif + '&globalshifts=' + globalshifts;
			console.log(url);
			var CREATEPROCEDURE =  new XMLHttpRequest();
			CREATEPROCEDURE.open('GET', url, false);
				CREATEPROCEDURE.onreadystatechange = function() {
					if (CREATEPROCEDURE.readyState == 4) {
						if(CREATEPROCEDURE.status == 200) {
							console.log(CREATEPROCEDURE.responseText);
							if(CREATEPROCEDURE.responseText != 1){
								document.getElementById("lasterror").innerHTML = document.getElementById("lasterror").innerHTML +'<br>'+CREATEPROCEDURE.responseText;
								lerror = 1;
							}
							else{
								/* в случае успеха скрываем крестик, показываем галочку */
								elem.rows[i].cells[2].childNodes[1].removeAttribute("style");
								elem.rows[i].cells[2].childNodes[3].style.display='none';
							}
						}
					}
				}
			CREATEPROCEDURE.send(null);
/* если произошла ошибка при создании выходим */	
			if(lerror == 1){ 
				return;
			}
		}			
}

Но визуальное изменение страницы происходит только когда будет завершён весь цикл. Как сделать что бы изменение страницы визуально происходило на каждом шаге?