Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
romagresh
@romagresh
JavaScript
CSS
Индикатор выполнения
Как верстать прогрессбар?
Здравствуйте. Есть ли какие-нибудь плагины, с помощью которых можно такое реализовать? Или если нет то как своими сделать подобное?
То есть нужна полоса, на которой можно расположить такие отметки
Вопрос задан
более трёх лет назад
242 просмотра
2
комментария
Подписаться
2
Простой
2
комментария
Facebook
Вконтакте
Twitter
sudo rm -rf /
@MaxLevs
Что это вообще такое?
Описал бы по-нормальному, что ли.
Написано
более трёх лет назад
romagresh
@romagresh
Автор вопроса
sudo rm -rf /
, диапазон от 0 до 100, представленный в виде серой горизонтальной полосы. Вот нужно каким-то образом располагать в произвольном месте этого диапазона такие метки
Написано
более трёх лет назад
Решения вопроса
2
Just A Bit
@justabit
Основной контейнер серой полосы делается в relative, внутренние элементы-ползунки через absolute с процентуальным смещением и шириной.
Ответ написан
более трёх лет назад
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
igumenov
@igumenov
ionden.com/a/plugins/ion.rangeslider
просто сделать поле активного range прозрачным и по сути то, что и требуется
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
romagresh
@romagresh
Автор вопроса
а границы активного range можно сделать различных цветов? то есть начало отрезка одного цвета а конец другого?
Написано
более трёх лет назад
igumenov
@igumenov
у нас есть начало и конец отрезка - это 2 элемента, их и стилизовать
вот пример
Написано
более трёх лет назад
romagresh
@romagresh
Автор вопроса
igumenov
, спасибо большое, позже обязательно отмечу как решение! (не сразу отмечаю чтобы посмотреть какие еще решения могут предложить)
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
18 часов назад
94 просмотра
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
22 часа назад
91 просмотр
1
ответ
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
вчера
46 просмотров
0
ответов
JavaScript
Простой
Как получить переменную из esm-модуля?
1 подписчик
вчера
116 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
1 подписчик
вчера
49 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
вчера
50 просмотров
0
ответов
CSS
Простой
Как выровнять крестик?
1 подписчик
23 июл.
101 просмотр
1
ответ
CSS
Простой
Как решить проблему с наложением в сафари?
2 подписчика
22 июл.
292 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Каким образом отлавливать и корректно устранять конкурирующие запросы javascript на сайте?
1 подписчик
21 июл.
460 просмотров
1
ответ
JavaScript
Простой
Как улучшить изображение от генерации pdf в изображение?
1 подписчик
21 июл.
97 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript Developer (KSC)
Лаборатория Касперского
•
Москва
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
JavaScript Developer (продукт Sber Private)
Сбер
•
Москва
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама