Ask A Question


You’re not receiving notifications from this thread.

How to create a progress bar with vertical lines between elements

MarvinToran asked in General

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.

Join the discussion
Create an account Log in

Want to stay up-to-date with Ruby on Rails?

Join 83,038+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.