<!-- required files -->
<link href="../assets/plugins/ion-rangeslider/css/ion.rangeSlider.min.css" rel="stylesheet" />
<script src="../assets/plugins/ion-rangeslider/js/ion.rangeSlider.min.js"></script>

<!-- html -->
<input type="text" id="default_rangeSlider" name="default_rangeSlider" value="" />

<!-- script -->
<script>
  $("#default_rangeSlider").ionRangeSlider({
    min: 0,
    max: 5000,
    type: "double",
    prefix: "$",
    maxPostfix: "+",
    prettify: false,
    hasGrid: true,
    skin: "big"          // big | flat
  });
</script>