Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?

Question

[Niksak]

Условно есть такой блок:



Его нужно заполнять сплошным бордером постепенно в зависимости от текущего шага.
Сейчас я хочу по крайней мере разобраться как можно заполнять границу другим типом постепенно. Т.е. солид может остановиться в любом месте блока, а после него будет пунктир.
Ваши идеи?

Comments

[Ankhena]

По мотивам, например, вот этого https://codepen.io/sfi0zy/pen/bGMOzqa

Answer 1

[Сергей delphinpro]

svg stroke-dasharray https://developer.mozilla.org/en-US/docs/Web/SVG/R...