jquery block page while loading

The solution for this is noted below

jquery block page while loading

Solution

<style>
	#first {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		opacity: 0.5;
		background-color: #000;
		color: #fff;
		z-index: 9999;
	}
	.load {
		height: 600px;
		width: 600px;
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/9d/Wikidata_Map_July_2017_Huge.png');
	}
</style>
<script>
	$(document).ready(function(){
	  await sleep(2000);
	    $("#first").fadeOut()
	  });
</script>

<div id="first">
	<h1>Please Wait..</h1>
</div>
<div class="load"></div>

Try other methods by searching on the site. That is if this doesn’t work