<style type="text/css">
/*Loader Start----------------------------------------------*/
#loader_container { text-align:center;position:absolute;top:400px;width:100%;margin-left:auto; margin-right:auto;overflow:hidden; }
#loader { font-family:Tahoma, Helvetica, sans;font-size:11.5px;color:#abc;background-color:#f2f2f2;padding:10px 0 16px 0;margin:0 auto;display:block;width:130px;border: #dae2e7 1px solid;text-align:left;z-index:2; }
#loader_bg { background-color: #abc;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px }
#progress { height:5px;font-size:1px;width:1px;position:relative;top:1px;left:0px;background-color: #fff; }
/*Loader End ----------------------------------------------*/
</style>
<!---- loading start !---->
<div id="loader_container" onclick="this.style.display='none'" title="点击关闭">
<div id="loader">
<div align="center">
正在载入中 ...</div>
<div id="loader_bg">
<div id="progress">
</div>
</div>
</div>
</div>
<!---- loading End !---->
注意:还要引入loader.js文件,提供下载如下
分享到:
相关推荐
JS+AS实现真正页面加载图片进度条(带百分比) JS+AS实现真正页面加载图片进度条(带百分比)
如需引用: <jsp:include page="processbar.jsp"></jsp:include>
js页面加载进度条 虽然有些简单 但是可以用 有那个动态效果在
但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果。 HTML 首先我们要知道的是,目前没有任何浏览器可以直接获取...
脚本简介:纯js+css3渐变进度条动画特效是一款css3背景属性绘制渐变的进度条加载动画特效,动态加载效果,背景色动态渐变,纯css+js实现,对于简单页面实现进度条效果可以简单利用此方法。 脚本简介:纯js+css3渐变...
插件描述:jQuery nprogress.js页面加载进度条显示当前网页的加载进度 演示地址:http://www.jq22.com/jquery-info4121
一个简单的页面载入进度条
javascript 实现页面加载进度条代码,需要的朋友可以参考下。
H5精美加载进度条样式齐全,包含各种颜色(且同时提供模板类自定义颜色及其他样式设置)各种loading样式,不影响原来页面布局,适用于绝大部分网站,直接导入依赖JS与相关样式CSS即可使用。 介绍博文:...
jQuery网站页面加载进度条.zip
loading动画加载进度条效果是一款纯css3 animation动画属性页面loading动画加载进度条效果。
在web页面中使用ajax加载进度条,可以让用户预先判断等待的时间,而且还可以减少用户等待信息加载过程中的心理焦虑感,所以进度条加载必不可少,下面小编给大家介绍ajax加载进度条代码是如何实现的
我自己写的一个旋转进度条,当页面加载过程中显示旋转的圆,加载完毕后再展示页面。 抛砖引玉希望有能改的更漂亮的朋友也发我一份 zx860106@163.com
用javascript 实现进度条加载大数据量的表格。在加载中不影响页面的操作。相当于多线程式的动态生成表格。
13款页面加载样式特效是一款基于CSS3 JavaScript实现的创意页面加载进度条特效代码。
css+Js实现动态进度条的动态加载的特效,同时含有示例页面
jQuery网页加载进度条动画特效基于jquery.1.11.0.js和CSS3制作,显示页面加载进度百分比。
2款页面预加载进度动画效果是一款加载页面时出现圆形进度条,加载后LOGO缩小。