title: css3 - styling input range background
body: <p>I need to style my input range, according to this image:<br>
  <a href="https://i.stack.imgur.com/PIwZy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PIwZy.png" alt="enter image description here"></a></p>
  
  <p>I managed to do that with the help of range.scss mixin but the problem I have is, how I can style the background when the step isn't reached.<br>
  Everything from 0 to step 75 should be green, the rest grey.  </p>
  
  <p>I only found some options for the complete background and not just for the already dragged steps. Any ideas?</p>