index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Loading Number</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="preloader">
        <div class="counter">0</div>
    </div>
    <section>
          <h2>Hi :p<span>uhh games ig for when ur done with work</span></h2>
    <p>yay :p ask me for the links</pa>
    </section>
    <!-- Loading Script -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  <script type="text/javascript">
	  function counter(){
		  var count = setInterval(function(){
			  var c = parseInt($('.counter').text());
			  $('.counter').text((++c).toString());
			  if (c == 100){
				  clearInterval(count);
				  $('.counter').addClass('hide')
				  $('.preloader').addClass('active')
			  }
 
		  },70)
	  }
	  counter()
</script>
</body>
</html>