html 怎么做出这种进度条一样的 或者让range实时显示值也可以啊

帮一下忙

获取range的值就行了,然后将其显示出来,你实时改变range的值,显示的就会实时改变

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input id="range" type="range" min="0" max="50000" value="5"step="10" oninput="change()" onchange="change()">
<span id="value">0</span>
<script type='text/javascript'>
function change() {
  var value = document.getElementById('range').value ;
  document.getElementById('value').innerHTML = value;
}
</script>

</body>
</html>

温馨提示:答案为网友推荐,仅供参考