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>

 

在IE耗时操作中加入进度条或进度框

this.Page.Response.Write("");    this.Page.Response.Write("_");    this.Page.Response.Write("");    ...
  • winpassword
  • winpassword
  • 2008年04月14日 11:28
  • 311

实现网页打开进度条的一小段代码

JS实现的。很简单。进度条演示
  • rongyongfeikai2
  • rongyongfeikai2
  • 2011年06月15日 23:22
  • 1709

JS控制的项目进度页面

  • 2014年08月24日 13:02
  • 96KB
  • 下载

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

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

JavaScript实现载入页面进度条

载入中,请稍等... var bar=0                var line="||" var amount="||" count()          ...
  • SANGLIU
  • SANGLIU
  • 2013年03月25日 19:58
  • 3051

经典页面加载显示进度条

第一:                                                          LOADING                                ...
  • bingtingabc
  • bingtingabc
  • 2009年09月11日 08:39
  • 1087

网页加载进度条中的javascript

demo地址:http://output.jsbin.com/buquyedosa思路如下:代码都有注释,就不一一介绍了。 进度条 .progress{ ...
  • u011263845
  • u011263845
  • 2015年06月12日 10:34
  • 680

用javascript实现进度条

    首选要感谢csdn,因为这套代码是在csdn资源下载页面的那个进度条的基础上修改的,进度条的样式可通过css定义,div对象的创建使用innerHTML, 因为document.createE...
  • sunyujia
  • sunyujia
  • 2008年06月11日 00:38
  • 7202

pc端和移动端顶部加载条

简单的写了一下  详细请参考官网  https://github.com/rstacruz/nprogress demo //NProgress.start(...
  • qq604598861
  • qq604598861
  • 2016年09月01日 23:43
  • 405

教你制做Web实时进度条

网上已经有很多Web进度条的例子,但是很多都是估算时间,不能正真反应任务的真实进度。我自己结合多线程和ShowModalDialog制做了一个实时进度条,原理很简单:使用线程开始长时间的任务,定义一个...
  • JOHNCOOLS
  • JOHNCOOLS
  • 2006年07月04日 16:20
  • 1198
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript实现载入页面进度条
举报原因:
原因补充:

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