How to Create Multiple Cursors in a single Range Slider?

Asked Nov 07 '18 at 03:37

Active Nov 07 '18 at 03:37

Viewed 238 times

Pretty Straightforward. Creating a Range slider with a single cursor is easy:

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

But what if I'd like to add 2 or more cursors ?

asked Nov 07 '18 at 03:37

ReyAnthonyRenacia

Give a try at this Pen https://codepen.io/jackiejohnston/pen/NNrpjQ?editors=1010 – PrathapG Nov 07 '18 at 03:42
@PrathapG thanks, that's a lot of JS code to achieve the effect. whoa! – ReyAnthonyRenacia Nov 07 '18 at 03:44
I was surprised by looking at the JS too – PrathapG Nov 07 '18 at 03:49

0 Answers0