Website process progress list

Hi :slight_smile:
Does anyone know how I can add a status list on the right side of my website?
The website takes the user through a step by step process. Each step is a new form and the user needs to fill in information on every step.

This progress bar should be in the form of a vertical list of the steps to complete while the current step will be bold.

The idea is to give the website user context of the process he/she is going through.
Maybe someone has come across an example (That would be great)?

A good example, though its not exactly what I need is the anvil forum progress notifier we see on long forum posts:

Hi,

I have something similar in my near-future road map.

I’ll implement it as a web component with a slot for accepting the “task list” in the form of li elements. Moving through the list will be triggered by calling component methods ‘next’/‘previous’ (possibly invoked as event handlers).

Although a web component, it could be wrapped in an Anvil Form.

Just let me know if I should give you a heads-up when I get to it (I’ll probably share anyway).

Best,

Rufus

1 Like

There are a few custom components on this forum if you search for “progress bar”. Here’s one I did, which can be vertical.

1 Like

Hey

@uat that sounds great, ping me when its ready (If you share I’ll probably see it anyway)
@campopianoa I’m gonna add this to my website and share if I succeed

Thanks for the reply’s!

1 Like