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

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

1.circle動態使用方式

//首先head中引入CSS
 

       
//class解析c100=灰色100%bar條 ; big=大圓(可更換small)會變小圓;green=顏色(可依個人喜好自行增加) 50//此ID是為了jquery控制,當抓到裡面的值多少時,會有多長的bar
//控制bar長度的地方
//引入jquery.js

2.progress Bars動態使用方式

//首先head中引入CSS
 

  
//引入jquery.js

Facebook 功能: