进度条的做法

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0px auto; padding:0px}
#kuang{ width:200px; height:10px; border:1px solid #60F;}
#jindu{ height:10px; background-color:#F03; float:left}
</style>
</head>

<body>

<br />

<div id="kuang">
	<div id="jindu" style="width:0px"></div>
</div>

<script type="text/javascript">

window.setTimeout("jindu()",30);

//调一下进度前进1%
function jindu()
{
	//获取进度div的宽度
	var div = document.getElementById("jindu");

	//获取到的是字符串"0px"
	var str = div.style.width;

	//处理字符串获取数字
	var cd = str.substr(0,str.length-2);

	//判断长度是否到最大值
	if(cd<200)
	{
		//将长度转为整数加2
		var cd = parseInt(cd)+2;

		//让进度的DIV长度变为cd
		div.style.width = cd+"px";

		//调用自身
		window.setTimeout("jindu()",30);
	}
}

</script>

</body>
</html>

  效果如图:

时间: 2024-10-07 04:47:05

进度条的做法的相关文章

使用Java高速实现进度条

基于有人问到如何做进度条,以下给个简单的做法: 主要是使用JProgressBar(Swing内置javax.swing.JProgressBar)和SwingWorker(Swing内置javax.swing.SwingWorker) 有人肯定会说,不是用线程做的吗?使用线程共享一个变量,确实能够.只是这样的方式不太优雅,当然,你能够再用线程封装也行.只是,SwingWorker已经帮我们封装好啦--使用现成的东西来做还是方便^_^ 先看效果: 以下看代码:非常easy,相信各位大大肯定是懂的

渐变颜色的进度条WGradientProgress-备用

今天我们来实现一个iOS平台上的进度条(progress bar or progress view).这种进度条比APPLE自带的更加漂亮,更加有“B格”.它拥有渐变的颜色,而且这种颜色是动态移动的,这里称之为WGradientProgress. 先来看看我们的目标长什么样子: WGradientProgress的使用方法很简单,主要有展示接口以及隐藏接口,目前显示的位置有两种选择: WProgressPosDown        //progress is on the down border

Diablo3英雄榜-进度条

Diablo3英雄榜-进度条 目标 在发呆的时候添加一个进度条 使用第三方控件 Fragment之间的通信 Handler的使用 源起 在读取魔兽英雄榜数据的时候,有时候会有很多个网络请求,但是网络的速度永远是无法预估的.这个时候有一个进度条是极好的.我们在前一篇文章中,我们读取了用户信息和用户的装备信息.在读取信息的时候使用了27个Request.这个时候应用有一点点顿.为了让顿的时候有更好的体验,我们加入了一个进度条.我添加了一个第三方控件,用于在等待.做出来的效果是这个样子的. 这个进度条

使用Java快速实现进度条(转)

基于有人问到怎样做进度条,下面给个简单的做法: 主要是使用JProgressBar(Swing内置javax.swing.JProgressBar)和SwingWorker(Swing内置javax.swing.SwingWorker) 有人肯定会说,不是用线程做的吗?使用线程共享一个变量,确实可以.不过这种方式不太优雅,当然,你可以再用线程封装也行.不过,SwingWorker已经帮我们封装好啦--使用现成的东西来做还是方便^_^ 先看效果: 下面看代码:很简单,相信各位大大肯定是懂的- [j

Dialog详解(包括进度条、PopupWindow、自定义view、自定义样式的对话框)

Android中提供了多种对话框,在实际应用中我们可能会需要修改这些已有的对话框.本实例就是从实际出发,展现了andorid中大部分对话框,代码中用了一个对话框管理类来做封装,其中还定义了对话框的动画.自定义样式等等. 主布局文件(全是button) <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.co

学习andriod开发之 异步加载图片--- 使用系统进度条

大家好 我是akira 学习图片异步加载的例子 说道这里有人可能要问了 什么是异步 为什么要用异步 why? 说白了很简单 省时间 省资源 我举个例子你就懂了 比如你在下东西 至于下什么 那些邪恶的骚年们又要YY了 不去管他们.比如你在下东西 这个时候 另外一个人也在下同一个东西 那么那个人怎么办 他就等你下完 等到天荒地老?ありえないこと impossible 他肯定也要下 那么问题就来了 他如何下?这个时候就要用到异步 说道这里 有人可能问什么叫同步 什么叫异步 我在这里在给大家举一个简单的

cocos2d-x视频控件VideoPlayer的用户操作栏进度条去除(转载)

目前遇到两个问题: (1)视频控件移除有问题,会报异常. (2)视频控件有用户操作栏,用户点击屏幕会停止视频播放. 对于第一个问题,主要是移除控件时冲突引起的,目前简单处理是做一个延时处理,先stop视频播放,然后一个Action移除自身,如下: local function onComplete() video:stop() video:runAction( cc.Sequence:create( cc.CallFunc:create(callback), cc.RemoveSelf:crea

数据导入与实时进度条实现

digiflow数据导入与实时进度条实现 本文档只是稍微解析下数据导入的流程,以及讲解实时进度条实现方法 [数据批量导入流程] 1.客户把.txt数据打包成.gz文件,发给我们. GZ文件格式,每个文件的第一行是唯一的数据,导入完成后要插入到ImportRecord表 名字格式:DigiFlow_南宁 - 平安出单中心_20100201_000100ECHW8P8708.txt 内容格式:以"||"为分割符 比如:00||000100ECHW8P8708||8||18:08:17 00

Unity进度条场景载入的制作思路

有两种做法,如果全部都是AssetsBundle动态载入,可以自己管控加载和释放.还有一种是借助Unity的Level(场景). 如果直接A-B场景切换,我比较担心加载峰值过高,所以采取这种做法:A-L-B.L是进度条专用场景 第一个问题是如何检测,OnLevelWasLoaded可以判断是否新场景加载完了,并调用Application.LoadLevelAsync(...)进行加载,可以通过返回对象获取到加载进度 使用时发现一个比较奇怪的事情,当场景很小秒载的时候,加载进度条执行OnDestr