hi @bengtler, my apologies if my post was not clear.
Here is a codepen:
http://codepen.io/pliablepixels/pen/EjdpVB?editors=101
What I want is to show tick marks like this at specific points of the range:
The problem is that Safari does not seem to honor the “step” directive and neither does it honor the “data list” element, so even if I specify ticks, it does not show.
If you however run the codepen in Chrome you will see the ticks.
So I am looking for a way to display ticks as an overlay. Note that the actual size of the slider can change -but the range value will be the same.
I did find another slider that worked (3rd) party, but it was not as reactive as the inbuilt range slider (https://github.com/darul75/angular-awesome-slider), kept conflicting with the sliding of the page itself (menu) and other problems, so I thought its best I use the inbuilt range slider.