素材巴巴 > 程序开发 >

HTML5新控件 - 进度条progress

程序开发 2023-09-07 09:29:01

表示任务的进度,背景为灰色,完成的部分填充为脉动式绿色条(但不同的浏览器下,样式还是不同的)。

这里写图片描述

1,可以通过value属性来设置百分比(0~1的小数)
通常我们还可以在元素内部再放置进度值,这样当浏览器不支持的时候就可以显示出文字作为后备方案。

25%

2,可以利用max属性设置最大值,这时value的范围便是0~最大值

25%

3,如果不设置value值,则表示不确定的进度条(进度会不断循环的滑动)

这里写图片描述


标签:

上一篇: 嵌套循环6 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。