js 进度条

最新推荐文章于 2024-03-14 19:15:13 发布
最新推荐文章于 2024-03-14 19:15:13 发布
阅读量577 收藏
点赞数
分类专栏： 学习笔记 文章标签： filter div ie html c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mysohu/article/details/538956
版权
<script language="JScript">
var ie5 = (document.all&&document.getElementsByTagName); 
var step = 0; 
function setSB(v, el, inforEl, message) { 
if (ie5 || document.readyState == "complete") { 
filterEl = el.children[0]; 
valueEl = el.children[1]; 

if (filterEl.style.pixelWidth > 0) { 
var filterBackup = filterEl.style.filter; 
filterEl.style.filter = ""; 
filterEl.style.filter = filterBackup; 
} 

filterEl.style.width = v + "%"; 
valueEl.innerText = v + "%"; 
inforEl.innerText = message; 
} 
} 
function setSBByStep(v, el, inforEl, message) { 
if (ie5 || document.readyState == "complete") { 
step = step + v; 
filterEl = el.children[0]; 
valueEl = el.children[1]; 

if (filterEl.style.pixelWidth > 0) { 
var filterBackup = filterEl.style.filter; 
filterEl.style.filter = ""; 
filterEl.style.filter = filterBackup; 
} 

filterEl.style.width = step + "%"; 
valueEl.innerText = step + "%" 
inforEl.innerText = message; 
} 
} 
window.onload = new Function("setSB(100,sb,infor,'loading completed')") 

function fakeProgress(v, el) { 
if (v >= 101) 
location.href="index.htm"; 
else { 
setSB(v, el, infor, ""); 
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 100); 
} 
}
 </script>


<html> 
<head> 
<title>welcom</title>
<meta http-equiv="Content-Type" content="text/html; charset=de">
<script src="progress.js"></script>
</head> 
<body οnlοad="fakeProgress(0, sb)" bgcolor=#8D1A1C> 

<!-- Status Bar Starts --> 
<table width="100%" height="411">
<tr><td width="30%" height="338" ><bgsound src="ei.wmv" loop="-1"></td><td width="40%" 

align=center bgcolor="#8D1A1C" valign="bottom"><img src="w.t/logo00.gif" width=153 height=255></td>
<td width="30%"></td></tr>
<tr><td width="30%"></td><td width="40%" align=center>
<div id=sb 
style="BORDER-RIGHT: white 2px inset; BORDER-TOP: white 2px inset; BACKGROUND: white; BORDER-LEFT: 

white 2px inset; WIDTH: 200px; BORDER-BOTTOM: white 2px inset; HEIGHT: 10px; TEXT-ALIGN: left"> 
<div id=sbChild1 
style="FILTER: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 

0%; POSITION: absolute; HEIGHT: 6px"> 
<div 
style="FONT-SIZE: 1px; BACKGROUND: highlight; WIDTH: 100%; HEIGHT: 100%"></div> 
</div> 
<div 
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: black; FONT-FAMILY: arial; POSITION: absolute; TEXT-ALIGN: 

center; left: 397px; top: 384px;">0%</div> 
</div> 
<!-- Status Bar Ends --> 
<div id=infor 
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: black; FONT-FAMILY: arial; POSITION: relative; TEXT-ALIGN: 

center"></div> 
</div> 
<td width="30%" ></td></tr>
<tr><td width="30%" ></td><td width="40%"></td><td width="30%"></td></tr>
</table>
</body> 
</html>
mysohu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
纯享JS进度条控件
qq_39294511的博客
03-12 878
纯享版简易版本JS进度条闭包
javascript 进度条js
z_haaaa的博客
03-22 224
JS创建简易进度条
javascript进度条（js实例）
welcome
04-26 1742
利用javascript模拟下载进度条，可以防止重复点击。 思路：用两个div嵌套，开始时，初始时里面的div宽度为0，当点击下载时，让里面的div宽度一直+1，当加到100时停止。完成下载！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
js进度条
最新发布
m0_74007901的博客
03-14 491
【代码】js进度条。
Js实现进度条
FLJ1027的博客
12-01 265
实现简单的进度条， 运用到setInterval，xx.style.width = “xxpx”;通常我们不在行内设置样式，所以这个代码一般用作设置，不用作获取。 <head> <meta charset="utf-8"> <title></title> <style> *{margin: 0;padding: 0;} #b...
js 进度条实现代码
12-10
JavaScript（简称JS）作为客户端脚本语言，可以用来动态更新和控制进度条的显示。以下是一个简单的JS进度条实现的代码解析： 首先，HTML结构是进度条的基础。在这个例子中，我们有两个主要的CSS类：`graph` 和 `bar...
JS 进度条效果实现代码整理
12-10
在JavaScript中，进度条效果是一种常见的用户界面元素，用于指示某个任务或操作的完成程度。在给定的文件中，提供了两种实现进度条效果的方法，分别通过`Loading.js`和一个名为`progress.js`的类文件。下面我们将...
nanobar-轻量级纯js进度条插件.zip
07-04
`nanobar.js` 是一个专门为这个目的设计的轻量级、纯 JavaScript 的进度条插件。它具有小巧的体积，对旧版本浏览器（如 IE8）的良好兼容性，以及易于使用和自定义的特点，使得开发者能够轻松地在项目中集成进度条...
Java进阶:JNI使用技巧点滴
08-11 1113
本文为在 32 位 Windows 平台上实现 Java 本地方法提供了实用的示例、步骤和准则。本文中的示例使用 Sun Microsystems 公司创建的 Java Development Kit (JDK) 版本 1.4.1。用 C 语言编写的本地代码是用 Microsoft Visual C++ 编译器编译生成。    简介    近日，由于项目需要，要在WEB页面实现图像转换功能，而VC
使用poi操作Excel的几点注意事项
09-06 1078
首先说说现在我所知道的java编辑Excel文件的两大开源工具：jakarta poi和JavaExcelAPI（简称JXL），这两套工具我都试用了一这段时间，感觉各有优劣吧。poi在某些细节有些小Bug并且不支持写入图片，其他方面都挺不错的；JXL就惨了，除了支持写入图片外，我暂时看不到它比POI好的地方，我碰到的主要的问题就是对公式支持不是很好，很多带有公式的Excel文件用JXL打开后，公式
Java调用函数,返回结果集
02-08 866
首先在数据库中建立函数,在包和包体中创建/////////////////////在包中的如下:create or replace package TEST_HONBY Is  type tcur is ref cursor;  FUNCTION  testResult return tcur;end TEST_HONBY;/////////////////////在包体中的如下:
ORACLE中函数
07-26 763
ORACLE中函数 -->作者： haixiao ouyang    2004-09-17 　　Oracle已经内建了许多函数，不同的函数有不同的作用和用法，有的函数只能作用在一个记录行上，有的能够作用在多个记录行上，不同的函数可能处理不同的数据类型。常见的有两类，单行函数和分组函数 。 单行函数：单行函数分类函数功能示例字符函数LPAD(,[,])在字符串c1的左边添加字符串c2直到c1字
使用oscache极大加速你的web程序
02-20 707
想让你的web程序在不改变源代码的情况下，速度有极大提高吗？那么就花5分钟时间来了解一下吧。○先用一分钟介绍：OSCache：她是现在最广泛缓存解决方案，采用的高性能的J2EE缓存框架， OSCache能用于任何Java应用程序。对于网页可支持分段化的缓存。JBoss,Hibernate,Spring等都对其有支持。最新版本：Version 2.1.1   [下载链接]： https:
JDOM使用详解及实例
08-23 700
一、JDOM 简介JDOM是一个开源项目，它基于树型结构，利用纯JAVA的技术对XML文档实现解析、生成、序列化以及多种操作。JDOM 直接为JAVA编程服务。它利用更为强有力的JAVA语言的诸多特性（方法重载、集合概念以及映射），把SAX和DOM的功能有效地结合起来。在使用设计上尽可能地隐藏原来使用XML过程中的复杂性。利用JDOM处理XML文档将是一件轻松、简单的事。JDOM 在2000年的春
hibernate学习体会
03-27 579
一、Hibernate是JDBC的轻量级的对象封装，它是一个独立的对象持久层框架，和App Server，和EJB没有什么必然的联系。Hibernate可以用在任何JDBC可以使用的场合，例如Java应用程序的数据库访问代码，DAO接口的实现类，甚至可以是BMP里面的访问数据库的代码。从这个意义上来说，Hibernate和EB不是一个范畴的东西，也不存在非此即彼的关系。二、Hibernate是
采用POI创建Excel文件
09-06 569
 import org.apache.poi.hssf.model.Workbook;import org.apache.poi.hssf.usermodel.*;import java.io.FileOutputStream;import java.io.IOException;import java.util.Date;public class ExcelCreate{ public stat
JavaScript进度条实现：实时联动与测试示例
本文档提供了一个实用的JavaScript进度条实现，它通过与数据交互实时更新进度，增强了用户体验。这个例子适合那些需要在读取大量数据或处理任务时展示进度的场景，如文件上传、数据加载等。通过这个代码，开发者可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值