在html中可以使用进度选项卡实现进度条,进度条可以定义正在运行的任务(流程)的进度,使用语法“进度值="流程当前值" max="待完成值"/progress”。
(相关资料图)
本教程运行环境:windows7系统,HTML5版本5,Dell G3电脑。
进度选项卡定义正在运行的任务的进度(流程)。
下载进度:
进度值="22 "最大值="100 "
/进度效果图:
描述:progress标签可以和JavaScript一起使用来动态显示任务的进度。
进度id="progress1 "值="0 "最大值="100 "
/进度
按钮click=" start _ run (100)"下载/按钮
脚本
函数start_run(n)
{
If(n==0){alert("下载完成")}
var progress 1=document . getelementbyid(" progress 1 ")
n=n-1
当前任务=100-n
进度1 .值=当前任务
setTimeout("start_run(" n ")",100)
}
/脚本渲染:
有关编程的更多信息,请访问:编程视频!以上是如何在html中实现进度条的细节。请多关注php中文网的其他相关文章!
来源:php中文网
关键词: