Jquery 显示加载页面的加载百分比

我有一个网页，里面有几个图像，我先预加载它们，然后fadeIn（）它们。我希望看到加载的总图像的百分比（没有条，没有图像，只是数字变化）。

---

这在jquery中是可能的吗？

当然是可能的，它的变体是

.on（）

：

---

这是最基本的形式。动态加载的内容也可以执行类似的操作。

您可能可以使用.load或.on（“加载”）：并编写jQuery函数来更新进度显示。但是如何获得随着图像加载而变化的数字？它应该从0%到100%

var i = 0;

$('img').each(function() {

  $(this).one('load', function() {
  i++;
  console.log(i);
  });

});