В этой статье я расскажу как сделать ползунок выбора диапазона значений, используя Juery UI. Скачать последнюю версию этой библиотеки можно здесь. Из скачанного архива нам понадобятся два файла — jquery-ui.css и jquery-ui.js, которые мы подключим в заголовке между тегами <head></head>. В теле документа создадим сам ползунок в теге div с идентификатором id=»slider-range», поле для показа диапазона значений input c идентификатором id=»amount» и кнопку для фильтрации записей в выбранном диапазоне. Вот что у нас получится: