Slider scroll bar instead of dots

Is it possible to have a scroll bar below the slider element instead of clickable dots?

Also, how can I display the dots below the slider element? It currently sits over the slides.