HTML百分進度條是一個常見的功能,可以讓用戶清楚地知道當前任務的進度。下面是HTML實現(xiàn)百分進度條的代碼:
<div style="width: 200px; height: 20px; border: 1px solid #ccc;"> <div style="width: 50%; height: 100%; background-color: #4CAF50;"></div> </div>
上面的代碼中,我們首先創(chuàng)建了一個包含進度條的div元素,指定了寬度和邊框樣式。然后在div元素中創(chuàng)建了一個表示當前進度的子元素,設置了它的寬度為50%和背景顏色為綠色。
如果需要修改進度條的進度,只需要修改子元素的width屬性即可。例如,如果當前進度為70%,則將子元素的width屬性設置為70%。