Добрый день
На каждой странице есть 2 переменные, каждая из которых содержит время в формате: 01:30 PM.
Страниц много и у всех переменных значения разные.
Обе переменные нужны для отображения промежутка времени, который я пытаюсь отобразить не в цифрах (например: 10:00 AM - 02:00 PM), а графически, например с использованием вот такой фигуры SVG:
https://codepen.io/geniy9/pen/QRxZbm
Вопрос в том, как первую переменную "описать" в начало зеленой дуги, а вторую переменную описать в конец дуги с соответствующим градусом, чтобы получились "часы", которые отображают интервал времени.
В голову приходит такая мысль - первую переменную подставить сюда в: , а вторую переменную в: stroke-dasharray="" (предварительно преобразовать значения переменных в необходимые числа)
Но может есть лучше идеи?