How to typeset such steps in a popup?

Question

css

Hey!
For the questionnaire, you need to make steps (progress bar), how can this be done?

Answer 1

Here's a quick throw. Accordingly, the element with the active class has a white background with a red stroke, red on the left, and gray on the right. If there is no active class at all, consider that the path has been passed/completed. If the task is in progress, then at least one element must be with the active class, otherwise it makes sense ...

Answer 2

Divas with :before, :after