innerHTML troppo lento

[andbaz]

function setKit(dir,kit) {
			hit = 0;
			refresh = document.getElementById("percent");
			for (i=1;i<6;i++) {
				for (j=65;j<91;j++) {
					hit++;
					mp3[i][j] = new Audio("kit/"+dir+"/"+i+"/"+String.fromCharCode(j)+".mp3");
					document.getElementById("i"+j).style.backgroundImage="url('kit/"+dir+"/"+kit+"/"+String.fromCharCode(j)+".gif')";
					http = new XMLHttpRequest();
					http.open('HEAD', "kit/"+dir+"/"+i+"/"+String.fromCharCode(j)+".mp3", false);
					http.send();
					percent = document.getElementById("percent").innerHTML;
					percent = parseInt(100*hit/130);
					console.log(percent);
					refresh.innerHTML = percent;
				}
			}
		}

Questo è un codice per visualizzare la percentuale di caricamento di tutte le XMLHttpRequest(), il problema è che la percentuale mi arriva da 0% a subito 100% solo alla fine di tutte le chiamate e quindi una volta usciti dai due cicli annidati for...qual è il problema? Come posso risolvere? Grazie (Sulla console la percentuale avanza dopo ogni XMLHttpRequest, invece con l'innerHTML solo alla fine di tutte le chiamate)