jQuery レンジ（範囲）バーの値を表示
jQueryでレンジ（range）の変更時の値を取得
jQuery
$(function () {
// 初期
$('#score').html($('#bar').val());
$('#bar').on('input change', function() {
// 変動
$('#score').html($(this).val());
});
});
CSS
#bar {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
HTML
<input type="range" id="bar" min="1" max="100" step="1" value="50">
<span id="score"></span>
rangeはIE9以下では非対応。
サンプル
