Упорядоченный список с прогрессом (цвет рамки) попутный ветер ⇐ CSS

[Anonymous]

Я создаю многошаговую форму с упорядоченным списком прогресса. Я создал упорядоченный список, но не могу постепенно раскрасить границу упорядоченного списка.
Я хочу это сделать



Это то, что я сделал до сих пор.


Это код упорядоченного списка:

Код: Выделить всё

[list]                        class="relative text-gray-500 border-s border-gray-200 dark:border-gray-700 dark:text-gray-400">
[*]


@if ($currentStep > 0)

stroke-linejoin="round" stroke-width="2" d="m5 12 4.7 4.5 9.3-9" />

@endif


Personal Info

[*]


@if ($currentStep > 1)



@endif


Account Info

[*]


@if ($currentStep > 2)



@endif


Review

[*]




Confirmation

[/list]

В настоящее время, когда я раскрашиваю границу, она окрашивает всю границу, и я понимаю, что это одна длинная граница.


Подробнее здесь: https://stackoverflow.com/questions/779 ... r-tailwind