Progress Bar Efek Halus Dengan jQuery.
Disini saya membuat progress bar yang akan mengeksekusi button. Simpelnya logikanya apabila progress bar telah mencapai nilai 100% maka akan dilakukan eksekusi klik button yang tersembunyi secara otomatis.Untuk membangun tampilan progress bar sperti gambar diatas kita memerlukan CSS (Cascading Style Sheets) untuk membangun tampilan yang halus. Untuk codenya silahka copy paste code dibawah ini.
Progress Bar CSS:
Dibawah ini merupakan CSS tambahan untuk button atau tombol yang nantinya akan di esekusi setelah progress bar mencapai 100%.
Button CSS:
Script Html Progress Bar:
Ini merupakan fungsi untuk link arahan jika button di klik. disini saya mengarahkan pada halaman project saya yaitu http://project.meedun.com 0%
JavaScript:
Berikut script jQuery yang akan mengeksekusi disaat halaman tampil.
Script jQuery:
ajax :
Pada jQuery diatas terapat beberapa ID dan Class yang di pakai ada progress bar dan button.
- progress (div class)
- span
- meedun_button (input id)
- submit (input type)