Utilize oninput
oninput
chamando a função:
Com uma função:
function mostrarPorcentagem(novoValor) {
document.getElementById("exibePercent").innerHTML = novoValor;
}
<input id="percent" type="range" oninput="mostrarPorcentagem(this.value)"
min="-100" max="100" value="0" />
<span id="exibePercent">0</span>
Sem função:
<input id="percent" type="range"
oninput="getElementById('exibePercent').innerHTML = this.value;"
min="-100" max="100" value="0" />
<span id="exibePercent">0</span>
Referencias: