I want to do something like the image
Is there a library?
I want to use it to choose a value and then send that value backwards.
I want to do something like the image
Is there a library?
I want to use it to choose a value and then send that value backwards.
<input type="range">
You can define max and minimum and even the jumps.
<input type="range" min="-10" max="10">
<input type="range" min="5" max="10" step="0.01">
<input type="range" list="tickmarks">
<datalist id="tickmarks">
<option value="0" label="0%">
<option value="10">
<option value="20">
<option value="30">
<option value="40">
<option value="50" label="50%">
<option value="60">
<option value="70">
<option value="80">
<option value="90">
<option value="100" label="100%">
</datalist>Note: Currently, no browser supports all these features. Firefox does not support brands or labels, while Chrome supports brands but not labels.
I leave the documentation!
The value I get is placed on a div to know what value is selected
<form name="registrationForm">
<input type="range" name="ageInputName" id="ageInputId" value="24" min="-0.000001" max="1" step="0.0001" oninput="ageOutputId.value = ageInputId.value">
<output name="ageOutputName" id="ageOutputId">10</output>
</form>