百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML5新控件progress进度条例子
分享文章到:

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>

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有18人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板