ホバー上で入力範囲の値を表示

Question

カーソルを置いてこの入力値を（カーソル位置に）表示するにはどうしたらいいですか？入力の途中でホバリング は（文書、たとえば追加）べき値：50 ...

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

今の例では、YouTubeのビデオプログレスバーである：（赤線は、マウスの位置を表す）
あなたがデモを見ることができます

Answer 1

、それは

<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