Style lower and upper fill in HTML5 range input

Question

As explained here, IE allows styling of the lower and upper fill or track regions in CSS as follows:

Answer 1

i'm using the following code which was based on the link provided by A. Dayan. Taking note of the min-max values and being specifically for webkit, also hiding that it is actually a gradient.