js實現進度條效果：這里實際上是用了兩個div嵌套，一個設置寬度，另一個初始寬度為0，設置背景顏色，通過定時器改變寬度 ``` <style> .fa{ width: 400px; margin-bottom: 30px; border: 1px solid red;; } .son{ width: 0px; height: 40px; background-color: #f0f; text-align: center; line-height: 40px; } </style> <div class="fa"> <div class="son"> <span>0</span><span>%</span> </div> </div> <button id="but">安裝</button> <script> // 邏輯：1.利用定時器來進行遞增操作（width、百分數） // 2.當變量 達到400px時，是停止定時器 let but = document.getElementById('but'); let div = document.getElementsByTagName('div'); let span = document.getElementsByTagName('span'); let timer = null; but.onclick = function(){ let num = 0; if(timer==null){ timer = setInterval(()=>{ num +=1; // 給寬進行遞增 div[1].style.width = num+'px'; // 給百分比遞增 span[0].innerText = Math.ceil(num/400*100); if(num==400){ clearInterval(timer); } },10); } } </script> ``` 效果圖：