JS实现进度条,借鉴于ZK ajax框架和 DWR.

progress.gif就是firefox的打开标签的那个滚动圆圈.


<script type="text/javascript">




function displayLoadingBar(loadingMessage) ...{


var messageZone = document.createElement('div');


messageZone.setAttribute('id', 'messageZone');


messageZone.style.position = "absolute";


messageZone.style.zIndex = "1000";


messageZone.style.top = window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0 + "px";


messageZone.style.right = "0px";


messageZone.style.background="#FFF0C8";


messageZone.style.border="1px solid #77a";


messageZone.style.fontFamily = "Arial,Helvetica,sans-serif";


messageZone.style.padding = "6px";


var p=document.createElement("img");


p.src="images/progress.gif";


messageZone.appendChild(p);


var text = document.createTextNode(loadingMessage);


messageZone.appendChild(text);


document.body.appendChild(messageZone);


}


</script>