title: How can I change the slider range direction to RTL?
body: <p>I use <a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html" rel="nofollow noreferrer">Ion.RangeSlider</a> for my Project but and I need to change slider range to RTL.
  How can I do this work?</p>
  
  <p>Jquery code:</p>
  
  <pre><code>&lt;script&gt;
      var $range = $(".js-range-slider");
      var $result = $(".js-result");
      var $result2 = $(".js-result2");
      var minrange = 0;
      var minrange_title = 69000;
      var maxrange = 4596800;
      var avreg = (maxrange/100);
      var avregfinal = (avreg * 10);
      var avff = Math.ceil(avregfinal);
      function prettify(num) {
          var n = num.toString();
          return n.replace(/(\d{1,3}(?=(?:\d\d\d)+(?!\d)))/g, "$1" + ","  );
      }
  
      $range.ionRangeSlider({
          type: "double",
          grid: false,
          min: minrange_title,
          max: maxrange,
          from: minrange_title,
          to: maxrange,
          step: (avff - minrange_title),
          hide_min_max: true,
          hide_from_to: true,
          prettify_separator: ",",
          onStart: function(data) {
              $result.text(prettify(data.from));
              $result2.text(prettify(data.to));
          },
          onChange: function(data) {
              $result.text(prettify(data.from));
              $result2.text(prettify(data.to));
          }
  
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML and Css code:</p>
  
  <pre><code>&lt;style&gt;
     .range-slider {
          position: relative;
          height: 80px;
          width: 210px !important;
          margin: auto;
  
      }
      .extra-controls {
          font-size: 9pt;
          position: relative;
          float: left;
          padding: 10px 0 0;
          text-align: right;
          color: #4d4d4d;
      }
      .extra-controls2 {
          position: relative;
          float: right;
          padding: 10px 0 0;
          font-size: 9pt;
          color: #4d4d4d;
      }
  
  &lt;/style&gt;
  
  
  
  
  &lt;div class="range-slider"&gt;
          &lt;input type="text" class="js-range-slider" value="" /&gt;
  
          &lt;div class="yekan toman extra-controls js-result"&gt;
  
          &lt;/div&gt;
          &lt;div class="yekan toman extra-controls2 js-result2"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I need to change code for this slider range and I do not like to choose another slider range.
  <a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html" rel="nofollow noreferrer">http://ionden.com/a/plugins/ion.rangeSlider/en.html</a></p>
  
  <p>Thanks.</p>