Задать вопрос
@by_ultra
javascript

Как реализовать progress bar?

Дайте пожалуйста совет, как реализовать progress bar:

61572b1f30e57962119013.jpeg

При внесении информации в input данный progress bar должен динамически передвигать .

61572b2dc74d0039111484.jpeg
  • Вопрос задан
  • 414 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Один спанчик поверх другого.
Переключайте значение ширины в зависимости от условия.
Удобно через кастомные свойства.

В теории даже на чистом CSS можно сотворить на основании :valid и/или :placeholder-showen

Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

И в JS следите за изменениями в input и меняете значение в progress
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Редизайн и доработка интернет магазина на wordPress
25 нояб. 2024, в 23:42
50000 руб./за проект
Разработка мобильного приложения с дополненной реальностью (AR)
25 нояб. 2024, в 23:32
200000 руб./за проект
Правка вёрстки Wordpress
25 нояб. 2024, в 23:17
1000 руб./за проект
Ещё заказы