how can i make a Loading screen in html css and js

Answer 1

Use display none in CSS to hide the loading screen after it's done. You can automate it with JS.
Do you know about w3schools?
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader5

Answer 2

Thanks for helping me 😊

Answer 3

Sulgi Chan 호 you can toggle between loader and content when all content is loaded using window.onload function

window.onload = () => {
//disable loading screen
}

ex.,

https://sololearn.com/compiler-playground/W1mIBGf6KKtw/?ref=app

!look at the code till line 15 only

Answer 4

Lesson created by sololearn hope it helps you :

https://www.sololearn.com/learn/17738/?ref=app

Answer 5

Thanks Andrew ☺️ for helping. It helped me a lot <3😄

Answer 6

I'd check out the code playground, see if there's any idea there ;)

Answer 7

But they are just making loading screen i want that after loading screen the page will show like first load then show see if you can help me

Answer 8

Yes i know about w3schools

Answer 9

And thanks for code

Answer 10

Yea sure

Answer 11

Hi, I'm still a beginner, can I join?

Answer 12

Fro Duxs yup, please

Answer 13

Thank you