js滑动控制进度条怎么做

1、在文件夹中创建一个test的html文件。

2、在里面我们创建两个div，一个id为“process”一个是“control”。

3、设置两个div的样式process为进度的背景总长度，control为实时进度显示。

4、在浏览器中打开是这样的，进度在60%显示位置。

5、接着我们创建"control_pos"方法，并且让process监听鼠标up就执行这个方法。

control.style.width=event.clientX-process.offsetLeft+"px";  

6、再次在浏览器打开，就可以鼠标点击哪里，进度条就滑动到哪里。