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