سلام دوستان برای نمایش این لودر در زمانی که محتوای وبسایت درحال لود هست میتونید به دو روش با JS و jQuery این کار انجام بدید:

// Execute the JavaScript code after the entire content has loaded
window.addEventListener('load', function() {
 // Hide the loader
 document.getElementById('loader').style.display = 'none';
});

و برای اجرای همین کار با jQuery باید این تکه کد را بنویسید

// Show the loader when the page starts loading
$(document).ready(function() {
 $("#loader").show();
});
// Hide the loader after the page has fully loaded
$(window).on("load", function() {
 $("#loader").hide();
});

نکته : روی لایوسرور یا لوکال هاست به درستی نمایش داده نمیشه چون خیلی سریع صفحه لود میشه