Javascript 按比例调整不断增长的div的大小？

我有一个div，它充当进度条，不断增加的量与浏览器宽度成比例<代码>timerLength+=$（窗口）.width（）/numSlides*.01当条形到达浏览器边缘时，其宽度设置为0，并再次开始填充

---

我希望它能够流畅地缩放，但我不知道在调整浏览器大小时如何使工具栏按比例调整大小。它可以在不同的浏览器大小下正常工作，但是现在，如果调整浏览器的大小，条形图的宽度将保持不变，直到它到达浏览器的边缘并再次将其自身设置为0。

考虑使用百分比宽度。计算应该填充的百分比，根据窗口适当调整div的大小（可以通过手动在JS中重新调整其大小并更新它，也可以通过纯CSS），并让浏览器处理所有缩放。只是一个想法。

没有看到所有的代码，这有点难以判断，但听起来你只需要使用%宽度，而不是固定宽度

---

使你的加载器100%宽度和显示：块；这将使其流畅地调整到屏幕大小。然后，当您再次使用%填充栏时。

我认为您可以将其宽度设置为容器宽度的百分比。请创建一个JSFIDLE