javascript - 如何计算 slider 宽度的总数百分比？

Question

我正在尝试修改 slider :plunker ，更新进度条百分比，如总数值，以便滑动时在步骤之间跳转。如何计算舍入百分比作为 slider 中的值？

负责此的函数:

function mousemove(event) {
  scope.percent = Math.max(0, Math.min((event.clientX - scope.l) / scope.w * 100, 100));
  if(scope.updateOnDrag)
  {
    scope.update();
  }
  scope.redraw();
}

Answer 1

使用 Math.round() 计算 left/distance 值

scope.redraw = function() {
      var percentMultiplier = scope.percent / 100;
      var steppedPercent = (Math.round(percentMultiplier * scope.range) / scope.range) * 100;

      scope.btn.css({'display': ngModel.$isEmpty(ngModel.$viewValue) ? 'none' : 'block'});
      scope.btn.css({'left': steppedPercent + '%'});
      scope.bar.css({'width': steppedPercent + '%'});
    };