title: Change jquery slider background-color on the left side of the first handle
body: <p>I have a jquery range-slider, but now I want to add an extra function to it.</p>
  
  <p>I want the left side of the handle to be another color than the right side. 
  I made a little mock-up so it's clear what I mean.</p>
  
  <p><img src="https://i.stack.imgur.com/6aRab.png" alt="enter image description here"></p>
  
  <p>I already found a way to get the minimum value:</p>
  
  <pre><code>$(".sleep").slider("option", "min");
  </code></pre>
  
  <p>and I found the code for getting the value from the first slider</p>
  
  <pre><code>$(".sleep").slider("values", 0)
  </code></pre>
  
  <p>But now I'm kinda stuck how to continue. Hope someone can help me!</p>
  
  <p>Edit:
  created a jsfiddle page to make it a little bit easier: <a href="http://jsfiddle.net/BxY99/12/" rel="nofollow noreferrer">http://jsfiddle.net/BxY99/12/</a></p>