HTML5之progress标签的应用

黄舟
发布: 2017-07-08 13:59:03
原创
1510 人浏览过

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

<progress id="W3Cfuns_progress" max="100"></progress>
Powered by W3Cfuns.com
登录后复制

progress属性
value:表示当前进度
max:表示总进度
注:value和max属性的值必须大于0,value的值小于或等于max属性的值。


案例:

<!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>HTML5每日一练progress标签的应用</title>
        </head>
       
        <body>
            <h1>W3Cfuns-HTML5每日一练progress标签的应用</h1>
            <p>完成百分比:<progress id="W3Cfuns_progress" max="100"></progress></p>
        </body>
    </html>
登录后复制

以上是HTML5之progress标签的应用的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板