Membuat Animasi Progress Circle dengan Circliful

Circliful merupakan plugin jquery yang dapat membantu dalam membuat sebuah animasi progress circle. Animasi progress sangat dibutuhkan dalam membuat website portfolio atau perusahaan website development. Progress circle ini dapat menunjukkan jumlah angka atau persen dari client perusahaan tersebut. Bisa juga menunjukkan nilai skill seseorang dalam penguasaan pemograman.

Penerapan jquery circliful sangatlah mudah. Pertama anda harus memanggil file atau sumber CSS dan JS seperti berikut :

Membuat-Animasi-Progress-Circle-dengan-Circliful

 

Kemudian tambahkan format div didalam tag body.

Membuat-Animasi-Progress-Circle-dengan-Circliful

 

Anda dapat merubah data-info, data-persen, data-text dan lainnya sesuai dengan kebutuhan progress yang mau ditampilkan. Agar animasi progress bekerja tambahkan script sebagai berikut :

Membuat-Animasi-Progress-Circle-dengan-Circliful

 

Untuk melihat hasilnya silakan download source code dibawah ini.

DOWNLOAD

13 Januari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat