加载Loading进度条效果1

转载 2011年01月18日 11:32:00

<title>加载Loading进度条效果</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"> </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>
          <input readonly type=text name=percent size=46 style="font-family:Arial; color:#FFFFFF; text-align:center; border-width:medium; border-style:none;" class="unnamed1">
          <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.baidu.com";
}

}

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

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

</tr>

</table>

</body>

</html>

 

unity3d实现Loading进度条异步加载场景

一款大型游戏,开始游戏加载场景的时候一般都带有进度条加载模式,这将与进度条加载速度同步来加载场景。如果没有了进度条,我们开始游戏或者进入下一个场景的时候,因为电脑要加载大场景需要一定的时间,我们就会卡...
  • u014725878
  • u014725878
  • 2015年09月22日 22:27
  • 3641

js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】

这篇文章主要介绍了js实现的页面加载完毕之前loading提示效果,结合完整实例形式分析了js页面加载时显示loading效果的实现技巧,需要的朋友可以参考下...
  • duan199404
  • duan199404
  • 2017年06月20日 19:29
  • 540

jquery ajax之loading效果

巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。 具体可参考...
  • u010081689
  • u010081689
  • 2016年01月19日 13:50
  • 628

检测iframe标签加载完成。可用来做loading页面

var iframe = document.getElementById("frameMain2");  iframe.onload = function(){  alert("iframe lo...
  • sdta25196
  • sdta25196
  • 2017年11月30日 14:54
  • 190

常见的Loading进度条动效形式

在浏览网页、玩游戏、手机应用等场景,因为网速慢或是硬件差的关系,难免会遇上等待加载的情况,没人喜欢等待,耐心差的用户可能因为操作得不到及时反馈,直接选择放弃。正所谓细节决定成败,这时添加一个Loadi...
  • shi_weihappy
  • shi_weihappy
  • 2015年04月25日 20:35
  • 904

jqLoading加载进度条使用

jsp页面中要引入jquery-ui-jqLoding.js文件,才可以用这个加载进度条,自行百度下载哈~~ 假设你的页面中已经引入了该js文件,当你用ajax方式提交数据的时候,万一响应时间有点长,...
  • who_is_xiaoming
  • who_is_xiaoming
  • 2016年12月30日 15:56
  • 996

网页loading(加载)效果的实现

说到页面loading效果,现在各种PC端和移动端的应用使用loading都十分的广泛,这是因为页面的加载时需要时间的,如果页面加载很快,loading的作用可能还不是特别能够体现,但是如果当页面加载...
  • qq_33562825
  • qq_33562825
  • 2017年03月05日 19:47
  • 3143

使用js的定时器setTimeout()实现加载进度条效果

效果图如下:
  • Geek_ymv
  • Geek_ymv
  • 2014年10月23日 10:52
  • 4960

加载Loading进度条效果 3

正在载入...正在载入首页,请稍候.......
  • thl331860203
  • thl331860203
  • 2011年01月18日 11:35
  • 346

加载Loading进度条效果 2

/*Loader----------------------------------------------*/#loader_container {   text-align:center;   p...
  • thl331860203
  • thl331860203
  • 2011年01月18日 11:34
  • 351
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:加载Loading进度条效果1
举报原因:
原因补充:

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