装载页面进度条

原创 2003年06月16日 17:38:00

 

<title>loadpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style type="text/css">

<!--

.unnamed1 {  background-color: #000000}

-->

</style>

</head>

<body>

<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">

<tr>

<form name=loading>

      <td align=center>

        <p align="center">&nbsp;</p>

        <p align="center"><font color="#00FF00" size="2"></font></p>

        <p>
          <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder;

color:#00FF00; background-color:black; padding:0px; border-style:none;">
          <br>
          <br>
          <input type=text name=percent size=46 style="font-family:Arial; color:#00FF00;

text-align:center; border-width:medium; border-style:none;" class="unnamed1">
          <br>
          <br>
          <font color="#00FF00" size="2" >
          <script>
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
{
alert("载入完毕")
window.location = "http://www.csdn.net";
}

}

</script>
         
          <noscript></noscript></font></p>
       
                  </td>

<!--//-->
</form>

</tr>

</table>

</body>

</html>

 

以上代码拷贝即可使用

 

页面内iframe嵌套使用导致浏览器进度条始终处于loading状态

        浏览器的进度条不停加载一般都是document未关闭, 页面内容加载不完全造成的,但最近我遇到的一种显然都不是上面说的那样,请教了不少人,都说可能是代码引起的, 于是反复检查代码, 页...
  • MyDream83
  • MyDream83
  • 2007年04月08日 19:47
  • 4236

Cocos2d-x 资源加载进度条

这是2016年,第一次写博客了,由于这次在给人人网做外包的时候,发现我们公司代码质量真是太差了,尤其是我。作为一个C++程序猿,竟然不懂得去实时加载和释放资源,造成代码在运行到后期的时候异常的卡顿。 ...
  • u010388430
  • u010388430
  • 2016年01月24日 16:09
  • 373

在客户端浏览器中显示进度条来显示页面正在装载

 对于加载时间比较长的ASP.NET页面,我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程:      新建项目,名字为WebPortal,在项目类型中选择Visual C...
  • qq13237810775
  • qq13237810775
  • 2007年10月18日 09:13
  • 529

页面加载进度条原理

DEMO
  • u014737974
  • u014737974
  • 2016年01月29日 14:39
  • 715

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

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

JavaScript实现载入页面进度条

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

【HTML】- 网页加载进度条

通过定时器以及加载状态事件制作进度条
  • baidu_35701759
  • baidu_35701759
  • 2017年07月10日 10:15
  • 480

变态的网页加载进度条实现思路

文章转至:http://ucren.com/blog/archives/17 以下这两种情况: 网页不间断地下载并逐步把已下载完成的部分呈现出来;网页先显示出一个框架后,等待一切资源准备完...
  • yzbben
  • yzbben
  • 2017年02月13日 17:12
  • 539

进度条加载后显示页面

1. 思路:加入很多图片,以延迟加载时间,实现加载完后显示图片。定义一个外层DIV,覆盖住图片,在内层DIV中引入加载时显示的图片,让内层DIV居中在页面上,利用setInterval定时器设置3秒...
  • chaofei_liang
  • chaofei_liang
  • 2017年09月09日 09:27
  • 344

Android——仿微信公众号文章页面加载进度条

前言:微信公众号文章详情页面加载的时候,WebView会在头部显示一个进度条,这样做的好处就是用户可以一边加载网页内容的同时也可浏览网页内容,不需要等完全加载完之后才全部显示出来。如何实现呢? 其实很...
  • zouzhigang96
  • zouzhigang96
  • 2016年01月20日 15:29
  • 2177
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:装载页面进度条
举报原因:
原因补充:

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