Please check below demo link, where I have perform Javascript and CSS tweaks:

https://jsfiddle.net/kairavthakar2016/0kz6xtns/272/
请检查，如果发现任何问题，请告诉我。

可以创建一个onchange函数来获取滑块的值，这个值可以通过output标签来获取。
于飞：

<div class="slider-container">
        <input
          type="range"
          min="1"
          max="1000"
          value="50"
          class="slider"
          id="range"
          onchange="getRangeValue()"
        />
<output id="rangeOutput">50</output>
</div>

JavaScript语言：

function getRangeValue() {
document.getElementById("rangeOutput").value = document.getElementById("range").value
}