Utilize `oninput` chamando a função: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function mostrarPorcentagem(novoValor) { document.getElementById("exibePercent").innerHTML = novoValor; } <!-- language: lang-html --> <input id="percent" type="range" oninput="mostrarPorcentagem(this.value)" min="-100" max="100" value="0" /> <span id="exibePercent">0</span> <!-- end snippet -->