Range Slider's thumb with text

Question

Is it possible to make range slider (js or jQuery) with thumb's text inside?

Like this

I tried with code below, but it's not working

 .slider::-webkit-slider-thumb::after: content='08:00-10:00'

 <input type="range" min="0" max="100" value="0" step='25'>

Answer 1

Yes this is possible with jQuery

https://www.jqueryscript.net/form/al-range-slider.html https://www.jqueryscript.net/demo/al-range-slider/