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

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

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

在使用各類軟件時(shí)我們經(jīng)常可以看到各類的進(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>

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

效果如下：

HTML進(jìn)度條

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


HTML

0 人點(diǎn)贊