js其实是没法计算到网页的加载进度的。
目前见到的打开页面显示进度的有两种
1、如果是flash做的，那是flash自身的加载进度。
2、如果是js做的，做法比较简单，就是在页面的不同的地方插入script标签，动态改变进度的值。
<html><head>
<script>
var processPer = 0
window.onload = function(){
document.getElementById('process').innerHTML = processPer
}
</script>
</head>
<body>
<div id="process"></div>
<div></div>
....
<script>
processPer = 30
document.getElementById('process').innerHTML = processPer
</script>
<div></div>
....
<div></div>
....
<script>
processPer = 100
document.getElementById('process').innerHTML = processPer
</script>
</body>
</html>
类似这样的，就可以实现了进度的动态改变。
我想到三种实现方法：1、CSS字体支持反色效果。你可以用css实现。
2、CSS得遮罩效果，做两层把下面遮住，一点点露出来。
3、用canvas绘图。
