Musisz użyć do tego JS. Najpierw nadajesz id inputowi typu range:
<input type='range' id='range'>
Następnie pobierasz go dzięk funkcji getElementById
var range = document.getElementById('range');
Zmienna range posiada pole value, które reprezentuje wartość inputa:
range.value
Następnie jeżeli chcesz uzyskać efekt pokazywania widoku "na bierząco", musisz wypisywać gdzieś tą wartość na evencie oninput:
range.oninput = () => {
setValue();
};
Tutaj masz przykładową implementację takie suwaczka:
https://codepen.io/Czeran/pen/PeEqJW?editors=1111