Range
Materialize is a modern responsive CSS framework based on Material Design by Google.
HTML5 Range
The Range Component lets the user input a number quick and easy with the mouse. Because this is not really precise you should consider using a numeric input too, if the value should be exact.
<form action="#">
<p class="range-field">
<input type="range" id="test5" min="0" max="100" />
</p>
</form>