title: range slider with custom range steps ( a - b- c- d - .. - z)
body: <p>I need a range slider recommendation with possibility to customize range steps.</p>
  
  <p>For example my range steps should be as:</p>
  
  <pre><code>a - b - c - d
  </code></pre>
  
  <p>with associated values of (0, 1, 2, 3). I need to be able to select minimum and maximum value for the range.</p>
  
  <p>I did some Googling but couldn't find any.</p>
  
  <p>Top two range sliders are (as it seems to me at least): <a href="http://rangeslider.js.org/" rel="nofollow noreferrer">rangeslider</a> and <a href="https://refreshless.com/nouislider/" rel="nofollow noreferrer">nouislider</a> but I can't figure out how to tweak any of them to do what I need.</p>
  
  <p>I'm using materializecss and jQuery for my app so I would prefer solutions based upon these libraries but any suggestion is appreciated as it seems to me that this won't be an easy task.</p>
  
  <p>Thanks!</p>