利用css3＋jQuery做出酷炫的loading bar ＋計數動態

以往的loading bar 都是死板板沒有什麼動畫特效的。

使用css3的“transform””,”transition”等屬性來實現具有動態效果的loading bar外加網路上找到的計數動態js code搭配起來特別有感覺～

1.circle動態使用方式

//首先head中引入ＣＳＳ
 

       
  //class解析c100=灰色100%bar條 ; big=大圓（可更換small）會變小圓;green=顏色（可依個人喜好自行增加）
                50//此ＩＤ是為了jquery控制，當抓到裡面的值多少時，會有多長的bar
                

                    
 //控制bar長度的地方
                    

                
            

//引入jquery.js


   

2.progress Bars動態使用方式

//首先head中引入ＣＳＳ
 

  

                
            

//引入jquery.js