javascript进度条

function showProgressBar()

{

if( document.all('operatingFlagPanel') != null )

{

alert("当前的操作未完成，不能进行其他的操作！");

return false;

}

var iStr ="";

iStr += "<div >\r\n"

+ " <marquee loop direction='right' title='装载中...' scrollamount='6' scrolldelay='100' cursor:'wait';border:1px solid ButtonShadow;background:#FFFFFF;height:30px;font-size:1px;margin:1px;width:300px;-moz-binding:url('marquee-binding.xml#marquee');-moz-box-sizing:border-box;display:block;overflow:hidden;\">\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " <span ></span>\r\n"

+ " </marquee>\r\n"

+ "</div>\r\n";

document.body.insertAdjacentHTML("AfterBegin", iStr);

sTop = document.body.scrollTop + 250 ;

sLeft = document.body.offsetWidth/2 - 225 ;

if( document.body.offsetHeight < 130 ) {

document.all('operatingFlagPanel').style.height = 23;

sTop = (document.body.offsetHeight-23)/2;

}

if( document.body.offsetWidth < 300 ) {

document.all('operatingFlagPanel').style.width = 150;

sLeft = document.body.offsetWidth/2 - 75 ;

}

document.all('operatingFlagPanel').style.pixelLeft = sLeft;

document.all('operatingFlagPanel').style.pixelTop = sTop;

document.all('operatingFlagPanel').style.display='';

return true;

}