O @renan já postou uma boa solução (e ja levou meu +1), vou deixar aqui uma alternativa parecida, com umas pequenas diferenças na sintaxe e nos métodos usados: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-html --> <input type="range" name="vol" value="0" min="0" max="100" oninput="display.value=value" onchange="display.value=value"> <input type="text" id="display" value="0" readonly> <!-- end snippet --> * A propriedade `oninput` chama uma função JS, e costuma ser "realtime", mas é menos compatível do que usar `onchange` (por exemplo, no IE nao funciona). * `onchange` funciona em mais _browsers_, mas não é em todos que atualiza em realtime, por isso usamos as duas simultaneamente.