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

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

this idea was really helpful thank you!

Thanks bro, it really helped me!

Very simple and helpful thanks

thanks man! this video is very helpful

Bro you helped me a lot , thank you

Thank you so much, very helpful content. i will implement this in my Django project!!

thanks man short and useful

Bro, you dont know how much you helped me!!! thanks

Thank you. I found that useful.

Thanks bro, Excellent !

Thanks bro, you helped me out

Thanks Man ❤️

Brooooo Thank you, bro Very cool 😎

That's great, thank you

Thanks bro

what editor you using ? vs code editor or ?

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.

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.

Thanks

5:40 The removeChild() parameter shouldn't be in quotes. You are removing the DOM element, but a string that happens to have the same name.

Thank you so much. I'm not a coder, where can I find the source code of this?

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

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

how do i set the loading time? because mine lasts very quickly

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

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

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.

nice😀😀😀😀😀😀😀

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

Cool man thanks

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

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

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