如何自定义进度条，用户可以拖动和更改值？

Question

我想要看起来像这样的进度条，我找到了一些bootstrap进度条，但它们没有自定义值

Answer 1

实际上有一个HTML元素！

$('#myRange').mousemove(function(){
    $('#rangeValue').text($('#myRange').val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range" id="myRange" value="1" max="100">
<div id="rangeValue">1</div>