Most UI sliders use a range element or a tooltip to indicate the current value of the slider. Some update the range color as a user slides the handle from left to right. I wanted to build a visual indicator in the handle as well, mostly for aesthetic purposes.

Below is a slider I build using jQuery UI Slider. As the user drags the handle from left to right, the color of the handle changes to match the color of the track. Give it a try!