如何在范围滑块的句柄之间添加文本

<input type="range" id="slider" min="0" max="100">
<div id="slider-container">
  <span id="slider-text"></span>
</div>

#slider-container {
  position: relative;
  width: 100%;
  height: 20px;
}

#slider-text {
  position: absolute;
  top: -25px;
  left: 0;
}

const slider = document.getElementById('slider');
const sliderText = document.getElementById('slider-text');

slider.addEventListener('input', function() {
  sliderText.textContent = slider.value;
});