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" />