Как вычислить затраченное значение в процентах от рабочего?

Question

[Александр Панков]

Здравствуйте.
у меня есть
- начальное время
- конечное время
- текущие время

Нужно показать на экране сколько процентов от начала рабочего дня уже прошло, показать нужно "индикатором заполненности"

Я набросал пример, где с 10 до 23 рабочий день и зеленая полоса показывает сколько же сейчас время, но я вижу, что работает не верно, полоса зеленая не на своем месте, примерно там конечно, н овсе же не правильно, да и почему-то первый час рабочего времени куда-то проглатывается (начинается не с 10, а с 11 и я не . понимаю почему)
ссылка на codepen

Заранее благодарен за помощь с расположение зеленой полосы и первого часа

Answer 1

[Илья Герасимов]

конечное / начальное * 100 = %

let percent = t_end.getTime() / t_start.getTime() * 100;

Просто вычисли метку конца, метку начала и получи проценты, на код пене все как-то замороченно у тебя

Comments

[Александр Панков]

конечное / начальное * 100 = %

всегда же будет 100

[Илья Герасимов]

Александр Панков, тьфу, конечно начальное / конечное * 100
Вам просто нужно поработать с метками сейчас они в микротайме, потому значения почти всегда >=99%, вот пример для вашей задачи на основе прошедших минут от начала

const start = (new Date()).getTime();
const now = (new Date()).getTime() + 60*60*3;

const pass = (now - start);
const passMax = 60 * 60 * 13;

console.log(pass, passMax, pass / passMax * 100);

Answer 2

[Stalker_RED]

И метки с временем на таймлайне (span'ы), не попадают потому, что у крайних двух меток нет отступов.

Лучше задать им фиксированную ширину, и отцентрировать текст.