Membuat Loading Web

Membuat Loading Web

Halo teman-teman, untuk artikel kali ini kita akan mencoba bagaimana membuat sebuah laman loading web, sebelum menampilkan isi dari konten web tersebut.

Mungkin kita merasa jenuh ketika kita mengunjungi sebuah situs, sedangkan waktu tunggu atau loading web tersebut sangat lama, dan tentunya yang ada kita akan segera mengclose web yang sedang kita kunjungi tersebut. Bagaimana hal itu jika terjadi di web kita. Kita tidak menginginkan hal tersebut terjadi, mungkin kita bisa memberikan solusinya dengan menambahkan semacam pemberitahuan atau notifikasi.

Dalam hal ini kita akan memberikan icon loading time, bahwa web tersebut masih dalam status mengisi. Dengan cara seperti ini, pengunjung tahu bahwa web sedang mengisi, karena mereka melihat notifikasi yang sedang kita tampilkan.

Loading time disini saya menggunakan svg icon yang teman-teman bisa kalian generat secara otomatis disini.

Langsung saja

bagian tersebut untuk bagian badan web

Kemudian bagian dibawah ini adalah CSSnya

dan tentunya kita memerlukan file javascript sebagai pemicunya

Untuk hasilnya kalian bisa melihat, seperti dibawah ini

Comments are closed.