Slider ranges

Most of your examples are defined for numeric values or text representation of numerics. I am trying to create something similar to your live demo slider where one can choose “low,” “medium,” or “high.” My exact requirement is to allow a user to select from several predefined ranges. For example, 0-5 days, 6 - 10 days, 11 - 20 days, etc.

How would I go about modifying your base code to accept these types of parameters?




slider allows only numeric values. The demo “low”, “medium”,“high” also based on numeric values (0 - low, 50 - medium, 100 - high). Here 0 is minimum value, 100 -maximum ant step is 50.