How to Create and Display a Loading Spinner on Page Load (without JQuery) - HTML, CSS & JavaScript

Just a suggestion but a link to a working codepen would have been really helpful

where is the link to the project with that code in git ? I could not find it via its git repo

Don't you need the spinner to appear when "leaving" a page as by the time the new page has started to load in and the "load" event has fired, you've already done most of the waiting? For a web portal, we need to sometimes do timely operations getting data prior to presenting the page (document) to the browser. Let me know what you think. Thanks.

what editor you using ? vs code editor or ?

Can you help out
My loader isn’t removing from the screen

nice😀😀😀😀😀😀😀

Can you show how I can put an image in the circle?

loader--hidden is giving console error Uncaught TypeError: Cannot read properties of null (reading 'classList')

thank you bro .. How to add it while sending form data to record it in mysql database
via php script

Thank you. I found that useful.

this idea was really helpful thank you!

Excellent! This is exactly what I wanted to implement. Thanks!

Doesn't work me for, the loader appears as soon as the first page loads, without me clicking a link. Full source code wold help

Very simple and helpful thanks <3 <3

That's great, thank you

thanks man! this video is very helpful

Thanks bro, you helped me out

For anyone getting an error, just replace "document.body.removeChild("loader");" with "loader.remove();".

Thanks bro, it really helped me!

Brooooo
Thank you, bro
Very cool 😎

Hey there, the code is perfectly working, except for the statement where it is mentioned, document.body.removeChild("loader"); The browser would throw error: Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

I keep getting errors on document.body.removeChild("loader"). Put my loader right after body and used this document.body.removeChild(document.body.firstChild). Great tut, btw.

Thanks

Thanks Man ❤️

Cool man thanks <3
Could you also show us how to add a skeleton loading on multiple images?

With or Without jQuery.
It would be great ☺️