HTML5每日一练之progress标签的应用
progress标签:
从名字上来看,估计大家也能猜到这个标签是什么标签了,没错,他是一个进度条。在HTML5中我们终于可以不用模拟了。
value:表示当前进度
max:表示总进度
注:value和max属性的值必须大于0,value的值小于或等于max属性的值。
案例:
从名字上来看,估计大家也能猜到这个标签是什么标签了,没错,他是一个进度条。在HTML5中我们终于可以不用模拟了。
- <progress id="W3Cfuns_progress" max="100"></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标签的应用】相关文章
2. HTML5每日一练之Canvas标签的应用-绘制径向渐变图形
3. HTML5每日一练之Canvas标签的应用-绘制坐标变换图形
4. HTML5每日一练之Canvas标签的应用-在页面上放置Canvas
5. HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用
9. HTML5每日一练之Canvas标签的应用-绘制向日葵
本文来源:https://www.51html5.com/a610.html
﹝HTML5每日一练之progress标签的应用﹞相关内容
- HTML5每日一练之Canvas标签的应用-绘制线性渐变图形
- HTML5每日一练之figure新标签的应用
- HTML5每日一练之视频标签的应用
- HTML5每日一练之details展开收缩标签的应用
- HTML5每日一练之mark标签的应用
- HTML5每日一练之meter标签的应用
- HTML5每日一练之FileList文件列表对象的应用
- HTML5每日一练之datalist标签自动补全的使用
- HTML5每日一练之OL列表的改良
- WordPress 去除图片img标签的高度与宽度