I am looking to be pointed in the right direction with creating this input slider. I have done a little bit of research and I believe the appropriate route to take would be using the html range input type.
My question is what would be the best way to approach having 'tick marks' and not allowing users to land in between these options?
Does html range input have an attribute to limit the slider position / options?
I am assuming this cannot be done purely with the input type / attibutes, and I would need to use JS/Jquery.
I am using Angular with Bootstrap for the UI. Please see image for mock-up.

Thank you