Page loader atau kalo istilahnya itu hal yang ditampilkan ke user dan akan terus tampil sebelum halaman terload semua, nah jika sudah terload maka page loader akan hilang gan, nah dijaman sekarang page loader banyak dipake karena fungsinya membuat user tidak bingung kalo proses sedang berjalan, karena ane sebagai user pasti bingung misalkan tekan submit lalu tak ada page loader, walau sesungguhnya proses sedang berjalan tapi kalo tidak ada penanda jika proses sedang berjalan maka user pasti akan merasa bingung dan menganggap itu error, dan bawaanya langsung f5 lagi dan bagaimana nasib proses yang sedang berjalan itu gan ?
Nah untuk menghindari hal-hal seperti itu maka ayo mulai gunain page loader sebagai solusinya disini ane bakalan ngasih tahu cara implement page loader
1. Buat file bernama index.html dan tulis syntak seperti dibawa ini :
2. Buat file style.css pada 1 direktory yang sama dengan index.html dan isi dengan syntak seperti di bawah ini :
3. Tambahkan syntak dipaling bawah batas tutup body di file index.html yang barusan kita buat:
5. lalu selanjutnya tinggal test gan, buka file index.html melalui local agan masing-masing :D
Nah itu gan cara implement page loader di website, gampang bukan ? hehe
Terima kasih, See you on the next post ..
6 komentar:
Write komentarini nih yang saya cari2, tapi berat gak gan??
BalasHapusengga berat gan,, malah bikin sistem semakin lancar dalam proses interaksi dengan user
Hapustnk gan atas caranya...kebetulan aneee masi belum tahu tentang dunia programmer..entr anee coba pasang page loader di web anee
BalasHapuswah kebetulan banget (y) ini yang lagi ane cari :D
BalasHapusberhasil gan :) thanks atas infonya..
BalasHapusMantaps!
BalasHapus