HTML5之progress標籤的應用

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

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

上一篇：HTML5中的進度條progress元素簡介及相容性處理下一篇：HTML5中的進度條progress元素簡介及相容性處理

看更多