I want to customize the looks of the range input type in HTML5 to look something like a progress bar. I\'ve tried applying some common CSS attributes using CSS class but it
You can edit the CSS of the range input, using input[type="range"]::-webkit-slider-thumb and input[type="range"].
input[type="range"]::-webkit-slider-thumb
input[type="range"]
Here is the example of it,
http://webstutorial.com/range-input-slider-html5-css3/html-5
I know this is already answered but just sharing it.