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

Question

[nastinapetrova555]

Добрый день! Мне нужна полоса загрузки, но не для загрузки страницы при входе, а загрузка в процентах до мероприятия. То есть нужно привязать к календарю. Например, "45% готовности сайта". А запуск через месяц, и в течение месяца процент меняется, пока не наступит дата и, соответственно, 100%. Но везде нахожу только обычный progressbar для загрузки веб-страницы. Кто-нибудь знает, как такое реализовать?

Answer 1

[Alex]

Берёшь <progress value="<число>" max="<число>">
В него вставляешь
max = время в милисекундах относительно начала отсчета
value = текущее время в милисекундах относительно начала отсчета

Answer 2

[Steppp]

Тебе по сути прогрес бар и не нужен! Его сложно стилизовать!

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

Comments

[alex4answ]

в чем сложность стилизации?

[Steppp]

Уже не в чем) уже полная поддержка)))