title: select options as progress bar and price range
body: <p>I'm interesting how I can transform select options to progress bar year range. Example of what I want to realize is <a href="https://www.avito.ru/omsk/avtomobili_s_probegom" rel="nofollow noreferrer">avito_filters</a> . In the top filters click "Год выпуска" and you will see example. But I'm interesting, how to realize it.</p>
  
  <pre><code>&lt;select class="filter" 
      &lt;option value="771" selected="selected"&gt;от 1995 г.в.&lt;/option&gt;
      &lt;option value="782"&gt;1970&lt;/option&gt;
      &lt;option value="873"&gt;1980&lt;/option&gt;
      &lt;option value="878"&gt;1985&lt;/option&gt;
      &lt;option value="883"&gt;1990&lt;/option&gt;
      &lt;option value="884"&gt;1991&lt;/option&gt;
      &lt;option value="885"&gt;1992&lt;/option&gt;
      &lt;option value="886"&gt;1993&lt;/option&gt;
      &lt;option value="887"&gt;1994&lt;/option&gt;
      &lt;option value="888"&gt;1995&lt;/option&gt;
      &lt;option value="889"&gt;1996&lt;/option&gt;
      &lt;option value="890"&gt;1997&lt;/option&gt;
      &lt;option value="891"&gt;1998&lt;/option&gt;
      &lt;option value="892"&gt;1999&lt;/option&gt;
      &lt;option value="893"&gt;2000&lt;/option&gt;
      &lt;option value="894"&gt;2001&lt;/option&gt;
      &lt;option value="895"&gt;2002&lt;/option&gt;
      &lt;option value="896"&gt;2003&lt;/option&gt;
      &lt;option value="897"&gt;2004&lt;/option&gt;
      &lt;option value="898"&gt;2005&lt;/option&gt;
      &lt;option value="899"&gt;2006&lt;/option&gt;
      &lt;option value="900"&gt;2007&lt;/option&gt;
      &lt;option value="901"&gt;2008&lt;/option&gt;
      &lt;option value="902"&gt;2009&lt;/option&gt;
      &lt;option value="2844"&gt;2010&lt;/option&gt;
      &lt;option value="2845"&gt;2011&lt;/option&gt;
      &lt;option value="6045"&gt;2012&lt;/option&gt;
      &lt;option value="8581"&gt;2013&lt;/option&gt;
      &lt;option value="11017"&gt;2014&lt;/option&gt;
      &lt;option value="13978"&gt;2015&lt;/option&gt;
      &lt;option value=""&gt;Год выпуска&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ET15W.png" alt="enter image description here"></p>