<script type="text/javascript">
document.getElementById("divmask").style.visibility = "hidden";
document.getElementById("progress_image").style.visibility = "hidden";
function loadSubmit() {
ProgressImage = document.getElementById('progress_image');
document.getElementById("progress").style.visibility = "visible";
document.getElementById("divmask").style.visibility = "visible";
document.getElementById("progress_image").style.visibility = "visible";
setTimeout("ProgressImage.src = ProgressImage.src", 100);
return true;
}
</script>
…
<p style="visibility: hidden;" id="progress" />
<div id="divmask" style="visibility: hidden; position: fixed; background-position: center;
top: 0%; left: 0%; z-index: 100; background-color: #E2EAFF; height: 100%; width: 100%;
opacity: 0.4; filter: alpha(opacity=60);">
</div>
<img id="progress_image" src="Images/WebResource.gif" style="visibility: hidden;
position: fixed; background-position: center; top: 50%; left: 50%; z-index: 100;">
</p>
<input type="button" value="Click me" onclick="loadSubmit()"/>
…