標簽怎么使用,"/>
App下載

HTML進度條怎么制作?<progress>標簽怎么使用?

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

在使用各類軟件時我們經(jīng)??梢钥吹礁黝惖倪M度條,進度條可以讓我們更直觀的獲取當前的進度,那么 HTML 中怎么使用<progress>標簽作出進度條效果呢?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>

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

效果如下:

HTML進度條

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


0 人點贊