Option for Range Slider to display multiple inputs within handles

[Sumantrab]

I'm trying to use Ion.RangeSlider to make a slider where between the range can display multiple periods with different colors. At this moment there is only one period is shown between range handlers which accepts one input range (i.e. from and to). I have a requirement where need to display multiple periods (possibly array) in the range with different colors.

For example if my range handler is from 10 to 100, need to show 20-40 and 60-70 in red period. If there would be an option to display these input ranges in other colors would be great. There should not be any restriction in dragging the slider on those periods, it's just the red period would be overlayed on top. Below is sample what I am looking at:

Thanks in advance

[Sumantrab]

Thanks Denis for adding it as a feature. Just curious to know when this would be available or if you have a fiddler demo with it. That would really help me to get on with it quickly. Many thanks.

[IonDen]

Now, where is no such an option. For now, you can only do it outside of the slider with some external function. Like this: http://jsfiddle.net/IonDen/r711nefk/

But you should modify slider skin to have transparent connection between handles.

[Sumantrab]

Many thanks Denis for your response. Just observed it needs grid_margin to be false for correct display in grid, which brings the slider on left/right instead of centre. Also if you have any mock up in HTML5 skin with regards to transparent connection between handles would be really helpful. Again many thanks for prompt support.

[IonDen]

Just modify CSS skin, and it will be fine. It is pretty simple inside.

[Sumantrab]

Thanks Denis.