该代码不就是设置进度条的么
如果你能更改页面 你在标签中这样写：
<h5>(资料完整度<span id="wz_jd"></span>)</h5>然后在你的JS中
s[0].style.width = 100 - r / i * 100 + "%"的下面 写上:
document.getElementById("wz_jd").innerHTML = 100 - r / i * 100 + "%"不就OK了么
注意:你的JS中哪儿有那行代码 就在那行下面 追加
如果不能更改页面就在那行代码下面 这样写：
document.getElementsByTagName("h5")[0].innerHTML = "(资料完整度"+ (100 - r / i * 100) + "%)"里面的0 表示是第1个h5标签 如果你有多个 自己进行更改
你可以让顶部导航栏和其他部分分处不同的层，然后你只需要对其他部分所处的层进行缩放处理，导航栏不动，这样就实现你的目的了。比如：<div class=head>这是顶部导航栏</div>
<div class=body>这是其他主体部分</div>
然后js代码就可以这样：
$("div.body").css({"transform":"scale(0.8)","transform-origin":"50% 0"})
一般这种网站都是图片特别多而且质量很高导致加载慢。所以
我们基本监听图片加载进度就可以达到比较好的效果。
而图片我们可以采用预加载
（也就是浏览器可以缓存，到真的要用的时候会自动从缓存读取）
那么我们只要检测预加载图片的进度就可以了
代码基本如下：
var
imgs
=
["1.jpg","2.jpg"]
for(var
i=0i<imgs.lengthi++){
var
img
=
new
Image()
img.onload
=
function(){
//图片加载完毕
此时更新进度条
}
img.src
=
imgs[i]
}
