在使用各類軟件時我們經(jīng)??梢钥吹礁黝惖倪M度條,進度條可以讓我們更直觀的獲取當(dāng)前的進度,那么 HTML 中怎么使用<progress>標(biāo)簽作出進度條效果呢?W3Cschool 小編今天就來和大家分享一下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML進度條怎么制作 - w3cschool.cn</title>
</head>
<body>
<p>進度:</p>
<progress value="40" max="100"></progress>
</body>
</html>
僅需要使用一個標(biāo)簽就可以實現(xiàn)進度條了,使用value的數(shù)值可以控制進度條的長度,max的數(shù)值控制最大長度。
效果如下:
HTML進度條怎么制作就為大家介紹到這里了,小伙伴們可以自己實踐一下,按自己的需求修改代碼中的數(shù)值,就能達到自己想要的進度條效果了,希望能對各位有所幫助。