React Compound Slider
Note: react-compound-slider is not concerned with the markup or style of rendered content. The user defines the rail, handle, track and tick components. The demos on this site are provided to help people get started and are used to test changes to the library. While they generally work on mobile, the demos are not really optimized for mobile devices.
Simple Value Slider

mode = 2 step = 5

onChange:
150
onUpdate:
150
Allow Crossing

mode = 1 step = 1

onChange:
150
300
400
450
onUpdate:
150
300
400
450
100
200
300
400
500
Prevent Crossing

mode = 2 step = 10

onChange:
150
300
400
450
onUpdate:
150
300
400
450
100
150
200
250
300
350
400
450
500
Reversed - Pushable Mode

mode = 3 step = 20

onChange:
460
400
300
140
onUpdate:
460
400
300
140
100
150
200
250
300
350
400
450
500
Formatting Ticks

mode = 2 step = 0.01

onChange:
0.25
0.55
0.75
0.85
onUpdate:
0.25
0.55
0.75
0.85
0.00
0.10
0.20
0.30
0.40
0.50
0.60
0.70
0.80
0.90
1.00