HTML5新控件 - 进度条<progress>

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

这里写图片描述

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

<progress value="0.25">25%</progress>

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

<progress value="25" max="100">25%</progress>

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

这里写图片描述

<progress></progress>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值