Skip to main content
Ask A Question
You’re not receiving notifications from this thread.

How to create a progress bar with vertical lines between elements

General • Asked by kelein marwin

I'm having a little trouble creating a css effect and don't even know what to Google to find code snippets.
I have been tasked with creating a progress bar. The bar has 3 steps. Each step is represented by a circle and between the 3 circles there should be a horizontal line and the name on the step above the circle. Circles and names are easy but how do I create the vertical line that goes between the 3 circles without disturbing the other content ?
Any help is appreciated. Thanks in advance.

Anybody please respond.


Login or Create An Account to join the conversation.

Subscribe to the newsletter

Join 30,242+ developers who get early access to new screencasts, articles, guides, updates, and more.

    By clicking this button, you agree to the GoRails Terms of Service and Privacy Policy.

    More of a social being? We're also on Twitter and YouTube.