Loading Page in HTML, CSS & JS

HOW TO MAKE A LOADING PAGE ONLY USING HTML, CSS & JS

Loading Page itu apa sih ?

Loading Page berasal dari 2 kata dalam bahasa Inggris yaitu Loading yang artinya proses memuat dan Page yang artinya halaman. Jadi loading page dapat diartikan sebagai halaman yang memberikan informasi pada user ketika suatu konten pada website atau aplikasi sedang diproses.

Apa Loading Page itu diperlukan ?

Ketika membuat aplikasi berbasis web, loading page diperlukan untuk memberitahu user bahwa web sedang memproses sesuatu dan user diminta untuk menunggu.

Jika tidak ada loading page, maka user akan bingung apakah saat itu ada pemrosesan data atau tidak, tentu akan berakibat fatal jika data tidak tersimpan dengan sempurna.

Dalam artikel ini saya akan memberikan  tutorial yang akan berisi semua kode yang diperlukan untuk membuat loading page. Let's go!!

• Buatlah dua File, satu file HTML dan satu file CSS. Setelah membuat file-file ini masukkan kode berikut kedalam file Anda. 
• Buat file HTML dengan nama load.html dan tempel kode yang diberikan di file HTML Anda. Ingat, Anda perlu membuat file dengan ekstensi .html.

• buat file CSS dengan nama style.css dan tempel kode yang diberikan di file CSS Anda. Ingat, Anda harus membuat file dengan ekstensi .css

That’s all, sekarang Anda telah berhasil membuat Loading Page menggunakan HTML CSS & JavaScript.