tml5中实现音频的话可以用新增的属性video，但是都会发现其自带的控制进度条非常不好看，所有很多人都会自定义它们的控制进度条，今天就来做一下音频控制进度条！

点击播放后即可看到进度条的圆点在相对于的动起来

代码

html结构：

css样式：

javascript：

query-pie-loader.js HTML5 SVG饼状图形进度条插件 ，可以方便为你添加一个饼形的百分比 进度条。虽然主流的 图标插件 ，hchart.js 等很多，但是如果你是用来做进度条的，这个真正适合你，赶紧下载保留吧。

下载地址

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

切图社区（qietu.cn）原创。