进度条的制作

<style type="text/css">
*{ margin:0px auto; padding:0px}
#wai{ width:200px; height:10px; border:1px solid #60F;}
#nei{ width:0px; height:10px; background-color:#F33; float:left}
</style>
</head>

<body>

<div style="width:600px; height:300px; margin-top:30px">

<div id="wai">
<div id="nei">

</div>
</div>

<input type="button" value="开始" onclick="Start()" />
</div>

</body>
<script type="text/javascript">

function Start()
{
Bian();
}

var bfb = 0;
function Bian()
{
//将百分比变化
bfb= bfb+1;

//改变宽度
document.getElementById("nei").style.width = bfb+"%";

//判断
if(bfb<100)
{
window.setTimeout("Bian()",50);
}

}

</script>
</html>

时间： 2024-10-10 23:23:48

进度条的制作的相关文章

Unity 进度条3D制作(3D版)

昨天我们一起学习了2D进度跳的制作,那么趁着我们脑海中还残存昨日的记忆,今天继续学习另一种方法: 实现思路:当鼠标悬浮Start按钮->实例化物体并显示进度->100/100->进入游戏场景:   鼠标离开按钮进度还原为 0/100    直接点击Start按钮也可完成. 1,首先我们导入NGUI资源包,在当前工程的场景下创建UI. 2,在Herarchy下添加平行光,在Panel下添Button. 此处Background没有选择背景图片,即背景色为默认值,此处label设置字体显示S

视频播放器进度条的制作

0.前言 今天在做进度条的时候,需要一些小困难,毕竟原来的进度条是根据vlc中的事件libvlc_MediaPlayerPositionChanged来让进度条的值+1的 可是要用一个项目中提供的exe,所以在这个项目中只能调用管道进行和exe的通信,这样,使用事件的方式基本被排除了 1.思路 既然不能用事件,那么就直接用定时器了,设定为1000ms来触发一次,进度条+1,只改变UI,可以先试试不加锁 2.实现 在UI中加入一个播放的标识,也就是UI中进度条被触发的时候(没播放的时候,UI中进度

Python的进度条的制作

import sys,time #导入模块 for i in range(50): #进度条的长度 sys.stdout.write("#") #进度条的内容,这里要注意了,pycharm有可能不显示write的方法 sys.stdout.flush() #刷新缓存 time.sleep(0.5) #间隔时间,和shell的sleep差不多吧 上面使用sys模块的标准输出,并没循环一次就刷新一次缓存如果没有flush,内容将会在内存中全部打印完后才会显示出来.

简单的进度条演示

今天在回答一个网友的问题时,学习了一下进度条的制作,其实也简单,是用jQuery的animate来实现的. 这是animate的的文档,进度条里主要用到了step和complete两个属性:http://jquery.bootcss.com/animate/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Docum

扇形进度条的应用(冷却的技能效果)

使用进度条动作制作冷却的技能效果 扇形进度条的应用 1 /////////// 冷却的技能效果 //////////////////// 2 3 4 // 执行的动作,进度条的动作 5 // 参数(时间,完成度(100:表示全部显示)) 6 ProgressTo *progressTo = ProgressTo::create(5.0f, 100); // 从 0 开始运动 7 // 表示是从 _% 到 _% 显示 8 //ProgressFromTo *progressFromTo = Pro

小技巧：with用法 pycharm控制台输出带颜色的文字 打印进度条的

with用法 with用法在python中是一个很独特的用法,因为别的语言的中没有这个用法.所以针对这个特点我们来做一次总结,什么样的情况下可以同with  我们学到的有文件的操作,和acquire   release 说道with首先要引入一个概念:上下文管理协议,支持该协议的对象内部要实现__enter__ ()          __exit__()  这两种方法 只要实现了这两种方法的对象,在做打开和关闭的操作时我们就可以直接用with来操作.详细请参考https://www.ibm.c

自主学习python文本进度条

经过自己一段时间的学习,已经略有收获了!在整个过程的进行中,在我逐渐通过看书,看案例,做题积累了一些编程python的经验以后,我发现我渐渐爱上了python,爱上了编程! 接下来,当然是又一些有趣的实验案例:文本进度条的制作和π的计算! 相信大家都玩过游戏吧,面对加载的游戏数据,我们可能会遇到这样一种情况:网络卡顿的时候,进度条缓缓移动却迟迟不能加载完全,实在是消磨人们的耐心(狗头) 在我们的印象中,进度条应该是一个条状方块,随着时间的推移慢慢向前移动,直至数据加载完成! 那么,要怎么用pyt

制作进度条(UISlider)

怎样判断是否应当使用进度条 用进度条的主要目的是为了用一根管子的充满程度来直观地表示某种数值的百分比,进度条分为可拖动和不可拖动两种. 可拖动进度条和不可拖动进度条的原理几乎是一模一样,唯一的区别是可拖动进度条上多了一个拖动快和BoxCollider来接收事件,而不可拖动的进度条只能显示一个数字的百分比,无法由玩家去操控. 在判断是否应该使用进度条时,有以下的规律可以遵循: (1)如果某一种值,它有最大值,需要表达它当前的值的占比,这个时候用进度条会非常直观.此时应当用不可拖动的进度条.例如:角

html5中的progress兼容ie，制作进度条样式

html5新增的progress标签用处很大,它可以制作进度条,不用像以前那样用css来制作进度条! 一.progress使用方法 progress标签很好使用,他有两个属性,value和max,value表示当前进度而max表示总进度(一般可以用100) 1 <progress value="50" max="100"></progress> 二.progress如何兼容ie浏览器 用过progress标签的肯定知道,这个标签虽然好用但是不