后指教 进度条怎么实现

在线等后指教 进度条如何实现
这是一个进度条！里面只有文字，我想加一个动态的进度条怎么加啊！
function createDiv(url){
var div_box = document.createElement("DIV");
div_box.id = "aiqiutian";
var x=document.body.clientWidth;
var y=document.body.clientHeight;

div_box.style.top=(300)+"px";
div_box.style.left=((parseInt(x)/2)-250)+"px";
div_box.innerHTML="<font class=fontbig color='red'>友情提示，页面正在加载中，请等待......</font>";
document.body.appendChild(div_box);
}

------解决方案--------------------------------------------------------
能不能这样：
1-在页面进入的时候就加载一个gif图片，看上去就是那种转动的图片。
2-对刚才的那个div重新赋值 innerHTML = xxx，这样等这个加载完成后，那个动态的图片就消失了。