See the Pen Cross-Browser Range Input With Solid Lower Fill by noahblon (@noahblon) on CodePen.
Description: Uses a box-shadow on the pseudo thumb element to create a fill within the range input.
Browsers: Chrome Edge Firefox Opera Safari
Made with: HTML CSS
Posted: 10.11.2015