h5手动滑动进度条效果（移动端）

公司项目需要在手机上做手动滑动进度条的效果（移动端），自己琢磨了一下，用原生js和h5的touchmove事件写了这个效果，可以参考一下，先看看效果图。

红色的圆点可以在黑色区域任意滑动。全部代码如下：

大致思路：黑色区域relative，红色圆点是absolute，初始left值是0。当红色圆点滑动时获取它相对屏幕左侧的值pageX，根据这个值就算出红色圆点的left值，left值的范围是黑色区域，要做好判断，最后改变红色圆点的left值就可以了。我测试的安卓和苹果的效果都还可以，还比较流畅。