небольшого размера диапазон JavaScript/цена JQuery слайдер

Question

Я хочу использовать ползунок ценового диапазона на моем сайте, пожалуйста, предложите мне небольшой размер, но мощный слайдер, я уже пытался

noUISlider - не использовать эту потому что у него нет процентного варианта, скажем, у вас есть диапазон от 0 до 100. Мое требование - достичь значения 50 при заполнении 75%.

JSSlider - почти все в этом слайде прекрасно, но размер очень большой, и я должен включать почти 15kb скриптов и css.

JQ UI - снова у меня есть еще один скрипт для этого.

, пожалуйста, предложите мне хороший плагин или, пожалуйста, дайте мне несколько ссылок на учебники, чтобы я мог следить за ними и узнать, как создать свой собственный слайдер цены.

Answer 1

Полностью абсолютно минимальный слайдер диапазон HTML-только:

<input type="range" min="0" max="100" /> 

И на основе polyfill JQuery для браузеров, которые не поддерживают его еще: http://jquerytools.org/demos/rangeinput/index.html