首頁  >  文章  >  web前端  >  HTML5之progress標籤的應用

HTML5之progress標籤的應用

黄舟
黄舟原創
2017-07-08 13:59:031499瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn