Вертикальный индикатор выполнения с вехами ⇐ CSS

[Anonymous]

Я пытаюсь сделать что-то вроде этого:




Мне нужно указать, насколько высоко должна заполняться полоса (т. е. на сколько процентов я бы хотел, чтобы она была заполнена).

Vuetify предлагает множество горизонтальных индикаторов выполнения (см. здесь). https://vuetifyjs.com/en/comComponents/progress-linear/), но я не могу найти вертикальных. Я подумал, что если бы я мог повернуть один из горизонтальных элементов, то я мог бы добавить круги, которые заполняются при достижении каждой вехи. Итак, есть ли способ повернуть горизонтальный индикатор выполнения или есть другое, более простое решение с использованием HTML, CSS и JS?

Подробнее здесь: https://stackoverflow.com/questions/622 ... milestones