HTML5教程

当前位置: HTML5技术网 > HTML5教程 > HTML5每日一练之progress标签的应用

HTML5每日一练之progress标签的应用

progress标签:
从名字上来看,估计大家也能猜到这个标签是什么标签了,没错,他是一个进度条。在HTML5中我们终于可以不用模拟了。
  • <progress id="W3Cfuns_progress" max="100"></progress>
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标签的应用】相关文章

1. HTML5每日一练之progress标签的应用

2. HTML5每日一练之Canvas标签的应用-绘制径向渐变图形

3. HTML5每日一练之Canvas标签的应用-绘制坐标变换图形

4. HTML5每日一练之Canvas标签的应用-在页面上放置Canvas

5. HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用

6. HTML5每日一练之Canvas标签的应用-绘制矩形

7. HTML5每日一练之Canvas标签的应用-矩阵变换

8. HTML5每日一练之Canvas标签的应用-绘制圆形

9. HTML5每日一练之Canvas标签的应用-绘制向日葵

10. HTML5每日一练之Canvas标签的应用

本文来源:https://www.51html5.com/a610.html

点击展开全部

﹝HTML5每日一练之progress标签的应用﹞相关内容

「HTML5每日一练之progress标签的应用」相关专题

其它栏目

也许您还喜欢