现在网上有很多网页加载进度条 ,但大多都是时间固定的。

下面的当查询大量数据时,网页加载较慢,在网页加载时,显示进度条,当网页加载完成时,进度条消失,显示网页已经加载完成的内容。

Dim Bar, SP

Bar = 0

SP = 100

Function Window_onLoad()

Bar = 95

SP = 10

End Function

Function Count()

if Bar < 100 Then

Bar = Bar + 1

setTimeout "Count()", SP

else

document.getElementById("jdt").style.display="none"

document.getElementById("content").style.display=""

end if

End Function

Call Count()

此处显示进度条,也可以放一张动态图片
网页真正显示的内容

----------------------------------------------------

最简单的就是放图片,网页加载完成隐藏图片,显示网页内容

#loadDiv {

position:absolute;

z-index:999;

width:expression(document.body.clientWidth);

height:expression(document.body.clientHeight);

background-color:#FFFFFF;

text-align:center;

padding-top:200px;

}

 Loading...

-------------------------------------------------------

function Loaded()

{

document.getElementById("loadDiv").style.display="none"

document.getElementById("content").style.display=""

}

 Loading...

html页面加载完成之后,网页加载时页面显示进度条加载完成之后显示网页内容...相关推荐

  1. unity进度条加载

    首先创建一个unity自带的UI--Slider,并在其下面再添加一个Text 在其下面添加脚本 using System.Collections; using System.Collections. ...

  2. html动态资源加载进度,JavaScript_快速解决js动态改变dom元素属性后页面及时渲染的问题,今天实现一个进度条加载过程 - phpStudy...

    快速解决js动态改变dom元素属性后页面及时渲染的问题 今天实现一个进度条加载过程,dom结构其实就是两个div 控制里层div的宽width属性,就能实现进度条往前走的效果. 我的进度条是显示下载文 ...

  3. 超酷jQuery进度条加载动画集合

    在丰富多彩的网页世界中,进度条加载动画的形式非常多样,有利用gif图片实现的loading动画,也有利用jQuery和CSS3实现的进度加载动画,本文主要向大家介绍很多jQuery和CSS3实现的进度 ...

  4. 基于腾讯 x5 开源库,提高 webView 开发效率,大概要节约你百分之六十的时间成本。该案例支持处理 js 的交互逻辑且无耦合、同时暴露进度条加载进度、可以监听异常 error 状态、支持视频播放

    YCWebView 项目地址:yangchong211/YCWebView 简介: 基于腾讯 x5 开源库,提高 webView 开发效率,大概要节约你百分之六十的时间成本.该案例支持处理 js 的交 ...

  5. Unity实现扇形Slider进度条加载功能

    Unity实现扇形Slider进度条加载功能 前言 在实际的开发项目中,再跳转场景的时候可以加一个进度条显示的功能,这样在跳转场景的时候就不会显得很突兀.在进度条的实现方式中,有很多的方式,例如Uni ...

  6. 优酷进度条不能拖动_优酷画面一直加载中,有声音没画面,拖动进度条无效怎么办...

    优酷画面一直加载中,有声音没画面,拖动进度条无效: 1.建议用户检查网络稳定性,如果是超清视频,尝试切换成高清或标清模式进行视频观看. 2.暂停其它的下载活动, 如: BT下载.其它P2P软件的数据交 ...

  7. AsyncTask进度条加载网站数据到ListView

    2019独角兽企业重金招聘Python工程师标准>>> 代码介绍: 初学android,写了个一小demo.功能很简单,主要是用来学习, 知识要点: 1.android全局变量的使用 ...

  8. html 下拉到一定位置,浏览器向下滚动到一定位置继续滚动时,侧边导航固定在页面顶部,再滚动到一定位置时页面再向下滚动侧边导航不再固定。这种效果怎么实现呢...

    1.浏览器向下滚动到一定位置继续滚动时,侧边导航固定在页面顶部,再滚动到一定位置时页面再向下滚动侧边导航不再固定.页面向上滚动到一定位置继续滚动时,侧边导航保持在原来位置.这种效果怎么实现呢 2.. ...

  9. ios首次加载web_ios加载webview显示进度条OC版

    APP中WKWebView 和UIWebView都可以加载网页,平时用到的也不多,习惯了UIWebView,近期公司APP做性能优化,监测内存占用,发现加载一个UIWebView界面内存竟然增加了20 ...

  10. Java Swing 实现loading进度条加载效果

    前言必读 ​​​​​​​读者手册(必读)_云边的快乐猫的博客-CSDN博客 前言: 这个可以用来做一些页面的加载进度条还是很不错的,起到美观的作用,一些代码内容也是根据别的大佬拿来修改完成.这是在id ...

最新文章

  1. 中国大陆集成电路芯片领域各个细分代表企业
  2. MinGW-w64 编译器下载,安装,以及环境变量配置
  3. day18——sql优化——绑定变量
  4. 开源 | 蚂蚁金服分布式中间件开源第二弹:丰富微服务架构体系
  5. python面相对象编程指南_Python面向对象编程指南
  6. 非递归遍历二叉树(算法导论第三版第十章10.4-5)
  7. mybatis plus 格式话_作为阿里的面试官,我有话想说
  8. qpython3l使用手册_qpython3l怎么用
  9. C++/CLI思辨录之Object的对象布局
  10. [待总结]注册软件常用注册方法
  11. 使用Connector / Python查询MySQL数据
  12. rhel5中查询设备上采用的未知文件系统
  13. 阿里巴巴矢量图标库的引入——symbol类型的使用——阿里图标组件封装
  14. 超级搜索术6-问题驱动/系统思维
  15. 微软笔试题2:403 Forbidden
  16. 从CentOS7默认安装的/home中转移空间到根目录/ - LVM操作简明教程
  17. 腾讯云与玉符科技达成战略合作 共建SaaS生态统一身份认证体系
  18. linux 执行程序时,提示not found问题分析
  19. RationalDMIS 2020高级编程之提取数据OBTAIN语句
  20. GROMACS Tutorial 2-Membrane Protein: KALP15 in DPPC

热门文章

  1. 程序员代码面试指南(左程云著)java学习笔记
  2. 【云计算学习教程】什么是中间件?常见中间件有哪些?
  3. 简单解决网课或教育平台在线学习视频鼠标检测问题
  4. 国内完全免费的电子书籍下载
  5. Ubuntu打开swf文件
  6. 最大功率点跟踪测试软件,最大功率点跟踪方法及系统
  7. delphi 的GetTickCount计时用法缺陷及管制
  8. java编程之美(一)
  9. 如何检测Linux内核的Rootkit
  10. 【GCC】gcc编译器的使用