[jQuery ui slider-range] Graficzny wykres Opcje

[maniek74]

Witam


Chciałem za pomocą jQuery ui slider-range zrobić taki wykres do ceny:
http://www.realtor.com/realestateandhomes-.../Los-Angeles_CA
I KLIKAMY MORE FILTERS

wykres ceny

Samo tło zrobiłem:
#slider-range {
width: 279px; height: 128px; background: transparent url(../img/price_slider_background.png) no-repeat;
border: 0px;
}

ale nie wiem jak zrobić aby ciemniejszy obrazek się skalował tak jak na przykładzie, próbowałem:
.ui-widget-header {
width: 279px; height: 128px; background: transparent url({THEME_STYLE}/img/price_slider_background.png) no-repeat center bottom;
border: 0px;
}

lub

.ui-slider-horizontal {
width: 279px; height: 128px; background: transparent url(../img/price_slider_background.png) no-repeat center bottom;
border: 0px;
}

można prosić o naprowadzenie jak to zrobić?

Pozrawiam

[lukasz_os]

Mi chodzi o cos takiego:
http://jsfiddle.net/4sr8jrpn/1/
tylko aby zamiast gradientu w div#nakladka był wyciety kształt wykresu.