ionic 2 how to customize ion-range?

Question

in ionic 2, I want to customize the ion-range to be something like the following pic, or I should say : is there way to customize ion-range

Answer 1

I did find out how to customize "ion-range", and here is what I built (I know it look not exact):

here are my steps:- 1- add these line of codes shown on picture to your src\theme\variables.scss

Note: there is many variables you can use to customize your ion-range in the folowing link ionic2 docs

2- here is my component code:

  
    
      
        Sedan
      
      
        SUV
      
      
        LUX