progressbar.gif

Progress Bar with jQuery & CSS3

Hari ini saya akan kongsikan simple Progress Bar dengan menggunakan jQuery dan CSS3. Terdapat banyak tutorial dan contoh yang ada di internet yang boleh anda cuba. Jika anda berminat dengan Progress Bar ini, silalah cuba.

Demo

HTML5
20%
CSS3
25%
jQuery
50%
PHP
40%
Wordpress
75%
SEO
100%
Photoshop
70%

1. Kod HTML

2. Kod CSS

3. Kod JS

Masukkan sekali : //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js

Tutorial Asal : http://w3lessons.info/2013/06/04/skill-bar-with-jquery-css3/

Tags: CSS jQuery

Hakcipta Terpelihara © 2017 Ammar Idris. Powered by elAmm Creative