All threads / How to create a progress bar with vertical lines between elements

Ask A Question

Notifications

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. https://birthdaywishes.onl/

I have been tasked with creating a progress bar. The bar has https://elecpay.in/tneb/ 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 ? https://myip.kim/

Any help is appreciated. Thanks in advance.

Join the discussion

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

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

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

    logo Created with Sketch.

    Ruby on Rails tutorials, guides, and screencasts for web developers learning Ruby, Rails, Javascript, Turbolinks, Stimulus.js, Vue.js, and more. Icons by Icons8

    © 2020 GoRails, LLC. All rights reserved.