<body>
<div id="mega-puper-loader" style="display:block;">Any content. <span class="process">0</span>%</div>
<!-- some part of html -->
<script>document.querySelector('#mega-puper-loader .process").textContent=50;</script>
<!-- some part of html -->
<script>
const loaderProcess=document.querySelector('#mega-puper-loader .process");
loaderProcess.textContent=100;
setTimeout(node=>node.style.display='none',1000,loaderProcess.parentNode);
</script>
</body>
Ps. сайт должен быть максимально информативным, а не иметь максимальное возможное кол-во "свистоперделок".