both siderange bar in html
snippet in html

html make range bar show value

user7299

<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">

display output of a slider in html

user1905

<input type="range" id="rangeInput" name="rangeInput" min="0" max="20" value="0"
       oninput="amount.value=rangeInput.value">                                                       

<output id="amount" name="amount" for="rangeInput">0</output>

both siderange bar in html

user1541


  <div class="slidecontainer">
  <input type="range" min="1" max="100" 
  value="50" class="slider" id="myRange">
</div>