如何计算百分比javascript的鼠标坐标？

Question

我有元素的起始坐标和结束坐标，我怎么知道百分比移动。

代码

element.bind('mousedown', function(e) { 
       event.preventDefault(); 
       start(e); 
      }); 
function start(e){ 
    start = e.clientX, 
    width = element.innerWidth(); 
    $document.bind('mousemove', dragging); 
} 
function dragging(e) { 
    var offset = start - e.clientX; 
    console.log(offset); // In Px 
} 

我怎么能转换偏移量的百分比？

说起点是10和终点是90 然后像素运动80px和百分比运动是10％

感谢

Answer 1

你可以计算的百分比变化，这是(endPoint-startPoint)/startPoint x 100。

function dragging(e) { 
    var percentageChange = (e.clientX - start)/start * 100; 
    console.log(percentageChange); // In Px 
}