Как создать вертикальный индикатор выполнения шага с аккордеоном, чтобы описать задачу каждого шага? ⇐ CSS

[Anonymous]

Я хочу создать прогрессивную полосу шагов с аккордеоном для отслеживания моей задачи с помощью HTML js или jQuery, css и bootstrap 5.
На каждом этапе мне нужен аккордеон, который может показывать мне детали и устанавливать мою задачу « закончить» с помощью кнопки «Переключатель».
Я хочу на уровне гармошки различать выполняемые, завершенные и не начатые задачи.
Это примерно то, что я хочу, на картинке две картинки
Вид шага прогресса бар, который я хочу
Вот каким я хочу, чтобы мои аккордеоны были
Честно говоря, у меня нет исходного кода, потому что я уже искал его по всему сайту и документации но ничего не смог найти. вот почему я здесь

Подробнее здесь: https://stackoverflow.com/questions/793 ... ask-of-eve