用jquery 来实现很简单,div 的“进度”就是本身百分比长度,对吧,
123
123456var w_width = $('.progress-wrp').width();//拿到容器宽度,即为进度条总长度$('.progress').click(function(){ //点击进度条 var width = $(this).width(), //获得自身宽度 per = Math.round(width/w_width*100); //得到百分比 console.log(per);//打印到控制台 });
想要得到进度必须借助js,而jquery是比较省事的做法。
其实你可以在进度条改变的时候,定义一个变量实时取值,点击时候直接输出,这样就不用点击后在求值了。