Range slider in html

Html make range bar show value

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

Source: stackoverflow.com

Range slider in html

<input type="range" list="tickmarks">

<datalist id="tickmarks">
  <option value="0" label="0%"></option>
  <option value="10"></option>
  <option value="20"></option>
  <option value="30"></option>
  <option value="40"></option>
  <option value="50" label="50%"></option>
  <option value="60"></option>
  <option value="70"></option>
  <option value="80"></option>
  <option value="90"></option>
  <option value="100" label="100%"></option>
</datalist>

Source: developer.mozilla.org

Similar codes

8 votes185 views6 answers
Jumbotron bootstrap
Html
0 vote168 views1 answer
How to darken a color with sass function
Html
29 votes156 views2 answers
How to do a line break in html
Html
0 vote146 views10 answers
Transcash
Html
0 vote154 views1 answer
Boostrap base theme
Html
1 vote195 views1 answer
Phone number button on website
Html
0 vote164 views2 answers
How to increase size of input submit type in html
Html
8 votes176 views3 answers
Css change font awesome icon color
Html
32 votes166 views6 answers
Viewport
Html
10 votes172 views1 answer
Input type="file" and display image
Html