event.dataTransfer与此无关，实际问题是Firefox在drag事件期间不跟踪指针位置。要了解原因，请检查this great answer类似的问题。
这意味着你不能使用drag来根据拖动元素的指针来更新元素的位置。你可以使用dragover：

document.addEventListener('dragover', updateProgress)

与拖动不同，dragover跟踪指针位置，因此您可以使用它来更新滑块的位置。但有一个问题。在您的页面上，可能有多个可拖动的元素，因此您可能需要在ondragover侦听器中检查哪个元素正在被拖动。但您不能轻松做到这一点，因为document是dragover的目标，因此，在dragstart被触发后，您还需要检查哪个元素正在被拖动，并可能清理dragend上的ondragover侦听器。
另一种方法是使用Pointer events API，pointerdown，pointermove和pointerup。实现工作是类似的，但指针事件应该在浏览器（与drag事件相反）和设备之间更加一致，因为指针事件统一了许多种输入-触摸，鼠标，笔-在单个API后面。

你可以通过一个保存当前鼠标位置的全局对象来解决这个问题

var mousePosition = {
        x: 0,
        y: 0,
    }

并使用mousemove事件和dragover事件更新它。mousemove事件在拖动时不会触发，因此我们依赖dragover事件侦听器进行更新，因为它具有event.clientY。

document.addEventListener("mousemove", function (event) {
        mousePosition.x = event.clientX;
        mousePosition.y = event.clientY;
    });

   document.addEventListener("dragover", function (event) {
        mousePosition.x = event.clientX;
        mousePosition.y = event.clientY;
    })

因此，您可以在任何需要获取鼠标位置的地方使用mousePosition对象