tml5中實現音頻的話可以用新增的屬性video，但是都會發現其自帶的控制進度條非常不好看，所有很多人都會自定義它們的控制進度條，今天就來做一下音頻控制進度條！

點擊播放后即可看到進度條的圓點在相對于的動起來

代碼

html結構：

css樣式：

javascript：

query-pie-loader.js HTML5 SVG餅狀圖形進度條插件 ，可以方便為你添加一個餅形的百分比 進度條。雖然主流的 圖標插件 ，hchart.js 等很多，但是如果你是用來做進度條的，這個真正適合你，趕緊下載保留吧。

下載地址

http://pan.baidu.com/s/1dE8gCTj

切圖社區（qietu.cn）原創。