在拖动时获取Div的新左侧位置百分比

<div id="myDiv" style="width: 200px; height: 200px; background-color: red;"></div>

var myDiv = document.getElementById("myDiv");
var isDragging = false;
var initialX, initialLeft;

myDiv.addEventListener("mousedown", function(event) {
  isDragging = true;
  initialX = event.clientX;
  initialLeft = myDiv.offsetLeft;
});

document.addEventListener("mousemove", function(event) {
  if (isDragging) {
    var deltaX = event.clientX - initialX;
    var newLeft = initialLeft + deltaX;
    myDiv.style.left = newLeft + "px";
  }
});

document.addEventListener("mouseup", function() {
  isDragging = false;
});

var containerWidth = myDiv.parentNode.offsetWidth;
var newLeftPercentage = (newLeft / containerWidth) * 100;
console.log("新左侧位置百分比：" + newLeftPercentage + "%");