Как лучше сделать такой блок?

Question

[Мар'ян Витак]

Как лучше сделать такой блок, с помощью <input type="radio">, или есть какой-то плагин?

Comments

[Rustam Bainazarov]

А в чём заключается проблема-то?

Answer 1

[Dima Polos]

По сути это форма и тут как раз input type=radio отлично ложится, и удобно данные считать, и клавиатура поддерживается для удобного ввода. Стилизация не очень приятная, но и кастомные решения не легкие, так что думаю пойдет radio.

Comments

[historydev]

Да ну, как по мне здесь это в роли чекпоинтов и нужно будет ловить "за точкой" и "до точки", в случае миссклика чтобы панель реагировала и заполнять блок от 0 до точки А, человек пока с кастомизацией самого радио разберётся, крыша поедет) Сколько лет уже это стоит, но ведь так трудно добавить кастомизацию без шаманства с :after,:before ахах)

[Мар'ян Витак]

Владимир, Да нет, с кастомизацией у меня проблем не было, очень часто нужно стилизовать radio и checkbox, так что рука набита, сейчас уже попапы делаю и блок готов) В свое время помогли видео от Вадима Макеева по стилизации radio и checkbox, очень хорошо он все объяснил и показал.

[historydev]

Мар'ян Витак, ну в таком случае вперёд вершить правосудие над макетом)

[Dima Polos]

Владимир, согласен, стилизация не из приятных)

[Dima Polos]

Мар'ян Витак, да, Макееву респект!

[Dima Polos]

Мар'ян Витак, так что, вопрос решен?)

[Мар'ян Витак]

Dima Polos, по сути да, блок уже готов, без плагинов.