首頁 > web前端 > html教學 > HTML5之progress標籤的應用

HTML5之progress標籤的應用

黄舟
發布: 2017-07-08 13:59:03
原創
1536 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板