標(biāo)簽怎么使用,"/>
App下載

HTML進(jìn)度條怎么制作?<progress>標(biāo)簽怎么使用?

猿友 2021-04-26 17:29:31 瀏覽數(shù) (4105)
反饋

在使用各類軟件時我們經(jīng)??梢钥吹礁黝惖倪M(jìn)度條,進(jìn)度條可以讓我們更直觀的獲取當(dāng)前的進(jìn)度,那么 HTML 中怎么使用<progress>標(biāo)簽作出進(jìn)度條效果呢?W3Cschool 小編今天就來和大家分享一下。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>HTML進(jìn)度條怎么制作 - w3cschool.cn</title></head>
<body>
   <p>進(jìn)度:</p>
   <progress value="40" max="100"></progress>
</body>
</html>

僅需要使用一個標(biāo)簽就可以實(shí)現(xiàn)進(jìn)度條了,使用value的數(shù)值可以控制進(jìn)度條的長度,max的數(shù)值控制最大長度。

效果如下:

HTML進(jìn)度條

HTML進(jìn)度條怎么制作就為大家介紹到這里了,小伙伴們可以自己實(shí)踐一下,按自己的需求修改代碼中的數(shù)值,就能達(dá)到自己想要的進(jìn)度條效果了,希望能對各位有所幫助。


0 人點(diǎn)贊