显示图像加载的进度条

Question

晚安，

我正在建立一个网站，我将从远程网站加载图像。现在页面是空白的，直到图像完全加载。我希望有人可以通过一个百分比数字或使用类似引导进度条之类的东西向我展示一个易于显示正在加载的图像的进度。

现在我正在使用纯HTML：

<img src="http://www.someWebSite.com/testImage.png" alt="Test">

任何建议书？

Answer 1

我建议使用bootstrap（或任何其他框架）。 使用JQuery制作伪代码

('#yourDiv').append(#loading);
('#yourImage').onLoad(function(){
     ('#yourDiv').append(#yourImage);
     ('#yourDiv').delete(#loading)
});

哪里

1. yourDiv是父div，
2. 正在加载动画
3. yourImage是html图片

Answer 2

查看此线程，其中说明了如何显示图像的加载进度 JavaScript loading progress of an image