//code.jquery.com/jquery-1.10.2.js

http://stackoverflow.com/questions/32325502/display-products-from-database-on-filtering-of-price-based-slider-in-php-using-a/32325926?noredirect=1#comment52526864_32325926

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<p>
  <label for="amount">Price range:</label>
  <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-range"></div>

JavaScript

$("#slider-range").slider({
  range: true,
  min: 0,
  max: 500,
  values: [75, 300],
  slide: function(event, ui) {
    var firstValue = ui.values[0];
    var secondValue = ui.values[1];
    $("#amount").val("$" + firstValue + " - $" + secondValue);
    // here you need to get data from databse
    // request to php page with database queries for processing
    $.ajax({
      type: 'POST',
      url: 'phpProcess.php',
      data: {
        first: firstValue,
        second: secondValue
      },
      success: function(data) {
        // on success, populate data into any type of HTML element
        // either li, table, etc...
      }
    });
  }
});

$("#amount").val("$" + $("#slider-range").slider("values", 0) +
  " - $" + $("#slider-range").slider("values", 1));