所以，我只是在创建一个新的电子学习网站，但问题是它的加载速度有点慢，所以我想显示一个类似的加载动画，但它只适用于图像。是否可以使用普通Javascript或其任何库/框架来计算和显示整个文档作为加载动画加载的百分比？
我认为它应该与此类似：
<head>
<script src="path/to/loading.js"></script>
</head>
与任何普通网站一样，该网页有许多嵌套的div元素。那么，是否可以转换链接中给出的代码，以某种方式检查加载的div标记的数量，而不是加载的img标记的数量？
或者，如果页面被打开，加载动画会达到30%到60%之间的随机整数，在第一秒，然后每0.5秒左右，它会随机增加一个数量(比如3%到10%(，然后如果页面仍然没有加载，动画会在99%处暂停，并一直保持到页面加载？加载后，它可以消失，并且可以显示内容。但是，如果在动画进行时加载页面，则动画应立即达到100%并结束，并且应显示页面内容。
我还没有实现任何显示百分比的加载动画，但我不确定这样做是否是个好主意。查看此视频：https://www.youtube.com/watch?v=iZnLZFRylbs
您可以为整个页面实现一个默认的加载程序(在引导程序中称为微调器(，并在文档准备好时删除加载程序
document.addEventListener('DOMContentLoaded', () => {
//REMOVE THE LOADER HERE
});
或jquery
$( document ).ready(function() {
//REMOVE THE LOADER HERE
});
查看document.readyState了解更多信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState
我想你要找的是"window.onload">
它将等待全部加载(图像脚本样式(触发
或者，您可以先发送页眉和页脚，然后发送ajax内容
，但如果您想要"显示进度"；是不精确的，我认为这只是暗示用户现在正在加载
$(()=>{
//Create loader
})
$(window).on("load",()=>{
//Remove loader
})