HTML, CSS & jQuery: Progressbar

jQuery Progress Bar

Pada jQuery UI terdapat sebuah fitur bernama progressbar, fitur ini menggunakan sebuah elemen yang bersifat block seperti div pada contoh diatas ini. Kode yang digunakan adalah:
$("id_elemen").progressbar({value: nilai_value});. Untuk menambah nilai, saya menggunakan fungsi setInterval() yang akan mengupdate value dari progressbar ini. Pada aslinya, progressbar ini memiliki warna abu-abu, tapi kita bisa mengubahnya dengan menggunakan CSS. Selector CSS yang digunakan adalah: .ui-progressbar .ui-progressbar-value{CSS}.

Catatan:
Fitur ini memerlukan file Javascript & CSS external yang bisa anda dapatkan linknya di jQuery UI