PrimeFaces slider - colored selected region
<p>I'm trying to make colored selection region when using PrimeFaces slider component. So what i'm trying to do is, when user set slider value to something, selected value is colored from 0 to chosen value (look at image).</p>

<p><img src="https://i.stack.imgur.com/Q9oAf.png" alt="what i want to make"></p>

<p>I know that PF are using jQuery ui and we can make this happen in jQuery like <code>$("#slider").slider({range: "min"});</code> and then define background color like <code>.ui-slider-range{background: green;}</code>.</p>

<p>How can i manage this whith PF component slider? is this even possible? and what's the best way to accomplish this? </p>

<p>Thanks.</p>