按比例調整不斷增長的div？

Question

我有一個div，充當進度條，不斷增加與瀏覽器寬度成正比的數量。 timerLength += $(window).width()/numSlides * .01;當條到達瀏覽器的邊緣時，其寬度設置爲0，並開始重新填充。

我希望這可以流暢地擴展，但我不知道如何在瀏覽器調整大小時按比例調整大小。它可以在不同的瀏覽器大小下正常工作，但到目前爲止，如果您調整瀏覽器的大小，則欄的寬度將保持不變，直到到達瀏覽器邊緣並將其自身重新設置爲0。

Answer 1

考慮使用百分比寬度。計算它應該填充的百分比，適當地調整div的大小（通過在JS中手動重新調整它的大小並更新它或純CSS）並讓瀏覽器處理所有縮放。只是一個想法。

Answer 2

沒有看到所有的代碼有點難以判斷，但它聽起來像只需要使用％寬度而不是固定寬度。

使你裝載機con 100％寬度並顯示：block;這將使其流暢地調整到屏幕。然後當你再次使用％填充該欄時。