how do i customize a slider

i wanna make a slider which looks like this.
By default,the thumb is set at middle,
As i pull the thumb,it moves up and down and the blue part shows the length.