HTML5每日一練之progress標籤的應用

progress標籤:
從名字上來看,估計你們也能猜到這個標籤是什麼標籤了,沒錯,他是一個進度條。在HTML5中咱們終於能夠不用模擬了。html

  1. <progress id="W3Cfuns_progress" max="100"></progress>
複製代碼

progress屬性:
value:表示當前進度
max:表示總進度
注:value和max屬性的值必須大於0,value的值小於或等於max屬性的值。



案例:ui

  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>
相關文章
相關標籤/搜索