title: css jquery ui slider customize
body: <p>i am looking at firebug but i can only see two elements</p>
  
  <p>how can i turn this</p>
  
  <p><img src="https://i.stack.imgur.com/vP8UL.png" alt="enter image description here"></p>
  
  <p>into, for example this?</p>
  
  <p><img src="https://i.stack.imgur.com/LSEPB.png" alt="enter image description here"></p>
  
  <p>Do i have to manually add a class or something?</p>
  
  <p>this is how i init</p>
  
  <pre><code>.slider({
                      value : $(this).attr('data-value'),
                      min: 0,
                      max: 100,
                      step: 5,
                      disabled: true,
                      slide: function( event, ui ) {  }
  
  });
  </code></pre>