Is there a way to create Loadingbar on client side?

asked 2021-02-27 01:02:03 +0800

gvguad
7 ● 2

I have a script tag which contains next code

<script type="text/javascript">
    window.onload = function loadStuff() {
    var image = document.querySelector(".blurry-load");
    image.src = image.dataset.large
    image.onload = () => {
    image.classList.add("blur-out");
    image.classList.remove("blurry-load");
    };
    };
</script>

This code loads heavy background image and then replaces the lightweight version with this image. So it would be nice to show that something is loading