目前没有任何浏览器可以直接获取正在加载对象的大小,因此我们只能采取迂回战术,利用浏览器DOM加载的方式去模拟实现页面加载进度
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>JavaScript页面加载进度条</title>
<style type="text/css">
img{
width: 100px;
height: 66px;
}
img:hover{
box-shadow: 2px 3px 1px -3px black;
}