Ползунок на js с шагом 0.1

У меня имеется ползунок на js:

<div class="slidecontainer">
  <input type="range" min="0.2" max="3" value="" class="slider" id="myRange">
    <p>Значение: <span id="demo"></span></p>
</div>

JS:

var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value; 


slider.oninput = function() {
    output.innerHTML = this.value;
}

Сейчас ползунок двигается с шагом 1, подскажите пожалуйста, как сделать так, чтобы он двигался с шагом 0.1? На форумах ничего внятного не нашел(