Javascript，在加载站点之前加载进度条

我想为我正在制作的GUI站点制作一个进度条，我需要一些javascript代码来检测站点是否正在加载，以及有多少元素/图像已经加载，并且站点已经完全加载。 我用css制作了进度条，我不知道如何在js中打开/关闭元素

---

我如何在js中或通过使用Jquery实现这一点？

实现您所需的一些解决方案是：

• 编写一个非常小的页面，除了您最喜欢的js框架（可能是jQuery？）之外，没有其他内容，还有一个小代码，它通过AJAX计算页面的其余元素，其中哪些元素在加载事件中完成或未完成
• 对于图像，您还可以链接“加载”事件，并在进度条上计算已分级/加载的图像总数
• 另外两个人的其他战斗

---

你最好花点时间优化页面加载，这样你就不需要用“请稍候，这个缓慢的网站加载”的动画来娱乐用户。祝贺你让这个问题可以回答，我不这么认为。无论如何，这需要做很多工作，但它是可行的。我见过至少有一个javascript框架是这样工作的：在现有项目中添加进度条。我要做的是添加一个可见的覆盖div，其位置绝对值、宽度和高度等于100%，其中包含一个动画进度图像，一旦触发dom就绪事件，我就会将其隐藏。它就像一个符咒，不需要任何特殊的东西，只需要一行代码就可以隐藏它。