CSS3 Range Slider (Graphical)

Update: The functional version of this slider (webkit only) has been released that uses only CSS3. Check it out here.

Range Slider created in CSS3 (Please note that it isn't functional as it is created with just CSS3. If you want to make it work, use some jQuery). Here, the styling is just basic use of rgba values and linear-gradient on backgrounds. The tooltip is animated with transition property and made visible when then knob is hovered.

You might want to take a look at the code below to understand this better.