Как сделать заполнение полосы по мере того как заканчивается таймер?

Question

[Вадим]

Добрый день! Есть следующий пример примерно так будет на сайте, код таймера такой же как на сайте. Суть в чем, нужно сделать что бы по мере того как проходит время которое отсчитывает таймер, постепенно заполнялась полоса с фоновым цветом. Подскажите как это можно реализовать ?

Answer 1

[Александр Вульф]

100% - это таймштамп, когда завершится таймер. Например 1512478778109
0% - это таймштамп начала отсчета. Например 1511614778109
И, например, сейчас время 1512046778109

Вычитаем из текущего времени время начала. Получаем 1512046778109-1511614778109=432000000
Вычисляем разницу между временем начала и конца. Получаем 1512478778109-1511614778109=864000000

Делим одно на другое 432000000/864000000=0.5
В итоге имеем 50%

Answer 2

[Максим Гречушников]

вспоминаем школу.
100% это всего кол-во секунд
i = текущей секунде

div {background: red;width: i%}

вам остается лишь посчитать процент

Comments

[Вадим]

А как посчитать этот процент ?