title: Vertical Progress Steps with CSS
body: <p>I have react components printing an itinerary from a train and I need to unify the circles with a vertical line like this:  </p>
  
  <p><a href="https://i.stack.imgur.com/RS6Fa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RS6Fa.png" alt="enter image description here"></a></p>
  
  <p>I need to unify those nodes (circles with a vertical bar) and was looking for an idea. I'm using flex and the items are being rendered using a react component that includes 3 subcomponents (one with the time, one with the node - circle and one with the Station and real time).</p>
  
  <p>I have to write the css from scratch (using maximum flexbox or grid).</p>
  
  <p>Thank you in advance.</p>