Dunia web design sekarang telah sangat amat berkembang pesat, sekarang pada developer website sedang berlomba-lomba membuat website sebaik dan semenarik mungkin, dan untuk membuat website lebih menarik kita dapat menggunakan beberapa library dari javascript, dan jquery adalah salah satunya, banyak sekali plugin-plugin yang dapat kita gunakan pada jquery guna untuk membuat website kita lebih interaktif,
salah satu plugin jquery yang sering digunakan adalah progesbar, dan pada tutorial kali ini saya akan mengajarkan bagaimana cara membuat progresbar dengan plugin jquery jqmeter.

Jqmeter adalah salah satu plugin yang dapat kita gunakan untuk membuat progresbar dengan sangat amat mudah, untuk lebih jelasnya kita langsung saja praktekkan, silahakan teman-teman buat sebuah file html dan ketikan script berikut ini :

Saya akan menjelaskan script diatas, pertama yang terpenting kita harus mereload library dari core jquery dan library dari jqmeter seperti secript berikut ini :

Saya memanggil library dan corenya secara online, lalu setelah itu saya membuat sebuah div yang akan kita atur nantinya :

Setelah itu saya membuat script jquery untuk menjalankan plugin tersebut:

Jika sudah silahkan teman-teman save maka jika teman-teman jalankan pada browser hasilnya akan seperti berikut ini:

Membuat Progresbar Dengan Plugin jquery JQmeter hasil

ketika kita buka pada browser di awal maka akan naik sebanyak 60%, sangat mudah yah?

Gimana, teman-teman bisa coba-coba dirumah, dan mungkin untuk tutorial kali ini tentang membuat progresbar dengan plugin jquery JQmeter cukup sampai sini dulu, semoga tutorial yang singkat ini bermanfaat untuk teman-teman semuanya, pesan saya, jangan pernah merasa puas selalu haus akan pengetahuan dan selalu merasa bodoh dalam ilmu pengetahuan, agar kita termotivasi untuk terus tau tentnag pengetahuan,

oke sampai bertemu lagi pada tutorial berikutnya,

Terimakasih.