UDN-企业互联网技术人气社区

板块导航

浏览  : 668
回复  : 1

[HTML5] HTML5之progress标签的应用

[复制链接]
友美C_cup的头像 楼主
发表于 2015-7-11 00:24:45 | 显示全部楼层 |阅读模式
本帖最后由 友美C_cup 于 2015-7-11 00:25 编辑

    progress标签:

    从名字上来看,估计大家也能猜到这个标签是什么标签了,没错,他是一个进度条。在HTML5中我们终于可以不用模拟了。


  1. <progress id="W3Cfuns_progress" max="100"></progress>
复制代码

    progress属性:

    value:表示当前进度

    max:表示总进度

    注:value和max属性的值必须大于0,value的值小于或等于max属性的值。

  1. <!DOCTYPE HTML>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.         <title>HTML5每日一练progress标签的应用</title>
  6.     </head>
  7.    
  8.     <body>
  9.         <h1>W3Cfuns-HTML5每日一练progress标签的应用</h1>
  10.         <p>完成百分比:<progress id="W3Cfuns_progress" max="100"></progress></p>
  11.     </body>
  12. </html>
复制代码










相关帖子

发表于 2015-9-17 15:21:02 | 显示全部楼层
不知道大家有没有注意到,html5和云的概念是对应有关联的性的
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部