因为我有高分辨率图像...和很多背景图像和图形..这就是为什么我要网页加载所有包含,然后在所有加载时显示..但同时包含已下载我希望网页显示进度条显示下载进度包含....
是否有可能使用 webworks 完成下载,这样它就不会减慢浏览器的速度
我已经尝试了 display none 属性,但它没有削减它
最佳答案
如果我没理解错的话,您希望您的页面在页面未完全加载时显示加载屏幕。为此,请在您的 <body>
之后添加它标签:
<style>
#load-bg {
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 0.75;
}
#load-msg {
text-align: center;
margin-left: auto;
margin-right: auto;
height: 20px;
width: 100px;
background: #fff;
}
</style>
<div id="load-bg">
<div id="load-msg">
<p>Loading...</p>
</div>
</div>
<script>
window.onload(hideLoad());
function hideLoad(){
document.getElementById('load-bg').style.visibility = 'hidden';
}
</script>
关于javascript - 使用网络 worker 在加载网页时创建进度条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21362415/