var imageArray = new Array("img1.jpg","img2.jpg","img3.jpg","img4.jpg","img5.jpg","img6.jpg","img7.jpg","img8.jpg","img9.jpg","img10.jpg","img11.jpg","img12.jpg");
var progress = 0;

function loadImages() {
	if(document.all)document.getElementById("progressIndicator").style.height = 13;
	mHTML = "<table align=center><tr>";
	rowTrack=0;
	for(i=0;i<imageArray.length;i++) {
		mHTML+='<td><img onload="incrementProgress();" class="mImg" align=left width=125 height=75 src=' + imageArray[i] + '></td>'
		rowTrack++;
		if(rowTrack>=3){ rowTrack=0; mHTML+="</tr><tr>"; }
	}
	document.getElementById("mContainer").innerHTML = mHTML;
}

function incrementProgress() {
	progress++;
	document.getElementById("progressIndicator").style.width = ((progress/imageArray.length)*100) + "%";
	if(progress>=imageArray.length)showImages();
}

function showImages() {
	for(i=0;i<document.images.length;i++)if(document.images[i].className == "mImg")document.images[i].style.visibility="visible";
	document.getElementById("progressText").innerHTML = "Loading complete.";
	setTimeout("document.getElementById('progressBar').style.visibility='hidden'",1500);
}

---

Image Load Progress Bar v1.0 Last revision: 08.08.2003 steve@slayeroffice.com http://www.slayeroffice.com

---