可以点着上面的点向后拖，而之后的样式会变为其他颜色,比如如上图的蓝色。
如何用CSS&HTML实现。谢谢！
开源库http://www.bootcss.com/p/flat-ui/
图片加载不出来！
如果仅仅是样式实现，这个不多说。
对于实现，也就是你提到的可以“后拖”，需要js处理这部分可以简单说一下。
提供两种处理方式：
1.使用jplayer，需要额外引入几个脚本文件和样式文件即可搞定，可以自定义样式，具体参考相关文档；
2.使用audio标签实现，将其隐藏(透明处理)，拖曳操作实际是操作的audio标签，但是事件回调控制显示，这种方式可以很少的代码来控制；
如果仅仅是一个点击播放，暂停之类的简单功能，推荐使用方式2.如果操作复杂，还要设计播放列表啥的，推荐方式1.
如果只是简单搞一个的话<input type="range" min="1" max="100" />
就是一个滑块，你只需要在放一个音量的图片 和一个span显示滑块的值就可以了。
不过蛋疼的是 各个浏览器对这个滑块的外观并不统一，所以真正的公司产品应该不会采用这种方式。
edge :
chrome :