HTML5新控件progress进度条例子
发布时间:01/15 来源: 浏览:
关键词:
html中progress标签是用来显示页面加载或其它加载效果的,在html5中要实现进度条只需要一个标签即可实现,具体如下。
<progress> 标签
定义和用法
<progress> 标签定义运行中的进度(进程)。
可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。
progress>表示任务的进度,背景为灰色,完成的部分填充为脉动式绿色条(但不同的浏览器下,样式还是不同的)。
1,可以通过value属性来设置百分比(0~1的小数)
通常我们还可以在元素内部再放置进度值,这样当浏览器不(www.111cn.net)支持的时候就可以显示出文字作为后备方案。
<progress value="0.25">25%</progress>
2,可以利用max属性设置最大值,这时value的范围便是0~最大值
<progress value="25" max="100">25%</progress>
3,如果不设置value值,则表示不确定的进度条(进度会不断循环的滑动)
<progress></progress>