Не понятно, что вам не понятно.
http://jqueryui.com/slider/#range - вот 2 бегунка.
На маркете ярко зеленый это и есть "родной" диапазон, светло-зеленая и черная области - это подложка, так же как и засечки.
Демки на то и демки, чтобы продемонстрировать главный функционал, как вы их впишете в свой проект - уже ваша фантазия.