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