SVG Range slider

create a fancy (or less fancy) slider with SVG and connect it (behind the scenes) to a real input type range. In this case the input type range is disabled and still visible (for the sake of the argument), but it shouldn't be.

Author:
Pogany
Created:
JULY 19, 2018
Made with:
HTML, CSS and JavaScript

Find the Demo

See the Pen SVG Range slider by Pogany (@giaco) on CodePen.

Advertisement