How to use CSS&HTML to create a style like this Volume Ctrl bar? -

volume ctrl bar

i can click on little button , slide.

you can use input:range <input type='range' value='46'>

also see sliders @ codepen ana tudor
http://codepen.io/search/pens?q=slider&limit=thebabydino