HTML5之progress标签的应用

黄舟

Lepaskan： 2017-07-08 13:59:03

asal

1534 orang telah melayarinya

progress标签：
从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条。在HTML5中我们终于可以不用模拟了。

<progress id="W3Cfuns_progress" max="100"></progress>
Powered by W3Cfuns.com

Salin selepas log masuk

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>

Salin selepas log masuk

Atas ialah kandungan terperinci HTML5之progress标签的应用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

h5 html5 progress

sumber：php.cn

Artikel sebelumnya：HTML5中的进度条progress元素简介及兼容性处理 Artikel seterusnya：html中的进度条<progress>标签的应用

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang