JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" value="50" min="0" max="100" id="zero">
<br>
<input type="range" value="50" min="0" max="100" id="one">
<br>
<input type="range" value="50" min="0" max="100" id="two">

CSS

input[type="range"]#one:before { content:attr(value); }
input[type="range"]#two:after { content:attr(value); }