JavaScript实现载入页面进度条

原创 2013年03月25日 19:58:47


<form name=loading>
<p align=center> <font color="#ff0000" size="2" face="Arial">载入中,请稍等...</font><br>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#ff0000; background-color:#fef4d9; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=47 style="color:#ff0000; text-align:center; border-width:medium; border-style:none;">

<script language="JavaScript">
<!--
var bar=0               
var line="||"
var amount="||"
count()                 
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount        
document.loading.percent.value=bar+"%"    
if (bar<99)               
{setTimeout("count()",100);} 
else                   
{window.location.href = "
http://www.sina.com.cn";}
}
//-->
</script>
</p>
</form>

 

相关文章推荐

如何检测网页的加载进度。从而编写进度条

对于如何检测网页加载进度这个问题,百度了一下,没有好的答案。可以说是没有答案。但是找到了一个开源项目。 pace.js如何想直接用现成的进度条。这个库很丰富,现在想要分析一下它的源代码来了解,如何检...

js加载等待,js进度等待

//显示加载动画 function show_loading(){ var str=''; str+='' $('body').append(str); var scroll_height=...

webjs--获取上传文件的进度

Html5 Progress Event total - 总的字节数loaded - 到目前为止上传的字节数lengthComputable - 可计算的已上传字节transferSpeed...

js获取页面加载过程做一个简单的loading

前几天写了一个简单的,还是觉得改善一下 document.onreadystatechange = loadingChange;//当页面加载状态改变的时候执行这个方法. func...

HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等

今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务...

nprogress页面加载进度条使用

安装 依赖于 jQuery (1.8版本及以上),添加 nprogress.js 和 nprogress.css 到你的项目中。 使用方法 NProgress.start() — 显示进度...

如何检测网页的加载进度。从而编写进度条

对于如何检测网页加载进度这个问题,百度了一下,没有好的答案。可以说是没有答案。但是找到了一个开源项目。 pace.js如何想直接用现成的进度条。这个库很丰富,现在想要分析一下它的源代码来了解,如何检...

关闭Windows 7休眠功能并删除hiberfil.sys,还给C盘空间

关闭Windows 7休眠功能并删除hiberfil.sys,还给C盘空间     自从Windows XP开始支持ACPIAdvanced Configuration and Power Int...

JavaScript页面加载进度条

目前没有任何浏览器可以直接获取正在加载对象的大小,因此我们只能采取迂回战术,利用浏览器DOM加载的方式去模拟实现页面加载进度 代码如下: ...

Web页面中实现进度条

  • 2012年08月08日 01:28
  • 1.04MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript实现载入页面进度条
举报原因:
原因补充:

(最多只允许输入30个字)