jquery - jQuery 进度条不显示进度

Question

我找到了这个 Jquery 进度条功能，我想在我的网页加载时简单地使用它来显示进度条。实际上我包含了代码和图像。进度条显示百分比但不显示任何进度

请帮助我。我还添加了图像。

Answer 1

创建一个宽度为 150 像素，高度为 15 像素的 div。然后在该 div 中创建另一个高度为 15px 但最初宽度为 0 的 div。

<div style="height:15px; width:150px; background-color:white; ">
    <div style="height:15px;width:0; background-color:blue; "></div>
</div>

然后，创建一个每 200 毫秒左右更新一次的计时器，并根据进度更新内部 div 的宽度。它的宽度变为 (% complete) * 150px。