ButtonsLesson 106Preview gratis
Loading Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Loading button menampilkan indikator proses, biasanya spinner, selama aksi sedang berjalan. Tombol juga dinonaktifkan sementara agar pengguna tidak mengirim permintaan yang sama berulang kali. Setelah proses selesai, tombol dikembalikan ke keadaan semula.
Poin kunci
- Spinner dapat dibuat dari border dengan animasi berputar.
- @keyframes mendefinisikan gerakan rotasi 360 derajat.
- Tombol diberi disabled selama proses untuk mencegah klik ganda.
- JavaScript menambahkan class loading, lalu menghapusnya setelah selesai.
- Selalu pulihkan tombol di blok finally agar tidak macet saat terjadi error.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.