Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
9 часов назад
43 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Какой мобильный гибридный фреймворк лучше выбрать?
1 подписчик
20 часов назад
242 просмотра
3
ответа
JavaScript
Средний
Какой посоветуете учебник/книгу JavaScript?
1 подписчик
вчера
148 просмотров
4
ответа
JavaScript
+1 ещё
Простой
Как обособить эти два события?
1 подписчик
вчера
111 просмотров
1
ответ
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
73 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
165 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
621 просмотр
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1390 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
131 просмотр
1
ответ
JavaScript
Простой
Почему селект2 мулти добавляет пустое значение?
1 подписчик
29 мая
45 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 60 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама