Eingabebereichswert bei Hover anzeigen

Question

Wie kann ich den Wert dieser Eingabe (an der Cursorposition) anzeigen, während ich darüber schwebe? in der Mitte des Eingangs Schweben sollte Wert (Dokument zum Beispiel anfügen): 50 ...

<input type="range" min="0" max="100" value="0" step="0.1" style="width:100%">

gutes Beispiel ist bar Youtube Video Fortschritt: (rote Linie repräsentiert Position Maus)

Answer 1

Sie können die Demo sehen, kann es Ihnen helfen ..

<label>RATE CARD<input type="range" name="rate" id="ageInputId" min="1" max="5" oninput="ageOutputId.value = ageInputId.value"></label> 
<output name="ageOutputName" id="ageOutputId">0</output> 
<span>/5</span> 

https://codepen.io/Jackmaurya/pen/GNabvV