@nastinapetrova555

Как реализовать ProgressBar на странице сайта, привязанный к дате?

Добрый день! Мне нужна полоса загрузки, но не для загрузки страницы при входе, а загрузка в процентах до мероприятия. То есть нужно привязать к календарю. Например, "45% готовности сайта". А запуск через месяц, и в течение месяца процент меняется, пока не наступит дата и, соответственно, 100%. Но везде нахожу только обычный progressbar для загрузки веб-страницы. Кто-нибудь знает, как такое реализовать?
  • Вопрос задан
  • 61 просмотр
Решения вопроса 2
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Берёшь <progress value="<число>" max="<число>">
В него вставляешь
max = время в милисекундах относительно начала отсчета
value = текущее время в милисекундах относительно начала отсчета
Ответ написан
@Steppp
Тебе по сути прогрес бар и не нужен! Его сложно стилизовать!

Рисуешь div высотой 20рх шириной 100% и с линейным градиентом
В js высчитываешь дату или дни. (библиотеки с датами есть)
У тебя в js дата начала, дата дедлайна, и текущая дата
высчитываешь %
и в линейный градиент!
В общем смысл такой, дальше фантазия, или макет)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы