Как сделать ползунок?

Question

[Ghena_29]

Добрый день,как можно сделать вот такой ползунок на jquery?


сам ползунок я сделал,но как прикрепить его данные к нему,что бы они плавали вместе с ползунком ?

Answer 1

[suberg]

https://jqueryui.com/slider/

Comments

[Ghena_29]

нужно что бы значение ползунка было над ползунком,как его прицепить к ползунку!

[suberg]

Ghena_29, там есть ссылка на документацию, где написано как получать значение ползунка. При движении ползунка обновляете это значение.

[suberg]

Ghena_29, Если вопрос в том как двигать значение вместе с ползунком, то нужно позиционировать относительно ползунка.

Answer 2

[Alabastr]

Я использовал ionden.com/a/plugins/ion.rangeslider

Comments

[Ghena_29]

а как например к значению дописать "км", что бы значение менялось а "км" рядом было,как на фото?

[Alabastr]

Ghena_29, postfix: " км".

$("#range").ionRangeSlider({
    min: 0,
    max: 200,
    from: 1,
    to: 201,
    postfix: " км",
    step: 1
});

[Андрей]

Пример