How would you go about creating these 'Steppers' ? CSS, custom SVGs?, Images?

Hey All,

I want to create a couple of ‘Steppers’ like the picture below. In many ways they act just like the bootstrap nav-tabs. I’m really concerned about how to recreate the styling of this with the ‘arrow shape’

That’s what i’m a bit stuck on…don’t even know if it has a shape name :slight_smile:

Currently i’m thinking of creating some shapes as an SVG and loading them as a background image for that section… but not sure how that will scale horizontally.

Maybe some custom CSS could achieve it?

Or perhaps some HTML/JS drawn SVG’s

Any thoughts or directions to point me in? I’m not looking for hand-holding…just a direction :slight_smile:

Cheers,
Phil

Community Page
Last updated: