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:
<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>
- 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.
De curiosidade, dá pra fazer a coisa funcionar em "duas vias". Editando o campo texto, o slider acompanha. Mexendo no slider, o campo texto acompanha:
<input type="range" id="vol" name="vol" value="0" min="0" max="100"
oninput="display.value=value" onchange="display.value=value">
<input type="text" id="display" value="0"
oninput="vol.value=value" onchange="vol.value=value">