Adding In-Progress icon to stepper

[daronklett]

Hi, I'm building a stepper into the A2P flow and saw that in-progress status icon wasn't an available option for the component. I think it'd be useful here as a review process takes place before they can continue onto the register campaign step. Is there a reason why it's not an option? Screenshot 2025-05-07 at 4 22 57 PM

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• In Progress/In Review Status Icon (updated: 08/04/2022, similarity score: 87%)
• Use of Progress Steps Component - Answer (updated: 11/14/2023, similarity score: 86%)
• Stepper - use case - Answer (updated: 06/22/2023, similarity score: 84%)

[serifluous]

Hey @daronklett ! Is there a reason the "Incomplete" status wouldn't work here? Or alternatively, do you need to show Progress Steps at all here, while the customer is waiting for their brand to be reviewed?

[daronklett]

My hesitation with using "Incomplete" is that it feels a bit misleading in this context. The user has already completed the Brand registration step, and now it's in a review state that’s out of their hands. Using the "Current" icon and then reverting back to "Incomplete" doesn’t reflect that they took action and are now waiting. Since the review can take anywhere from a few minutes to a few days, I was hoping to show that they’re mid-process.

I do think showing progress steps is helpful here since both Brand and Campaign registration need to be completed for the user to be fully compliant. It gives them a clearer sense of where they are in that process.

That said, maybe a stepper isn’t the right component. I'm open to alternatives if there's something better suited for showing a waiting or review state between steps.

Maybe adding a "in progress" badge would be a good solution?

[serifluous]

An in-progress badge could work. Overall, this might be more of a case of thinking through like, "How clear is the content?" and "When does a customer need to know about the campaign registration and phone number steps?", rather than "What component should I use?"

Something like this direction might be worth exploring, and potentially less misleading than showing Progress Steps (which might make a user feel like [1] a brand can only be mapped to 1 campaign, [2] they can easily get to those future steps—when it seems like they're actually blocked if they don't have a brand registered yet, or [3] they can't get to those future steps—when it seems like they can actually start a separate campaign registration if they have other brands registered):

^ If you explore this direction more, you could definitely use something more attention-grabbing like a Callout to set expectations for next steps, and I'd recommend removing the Progress Steps from the previous steps: https://www.figma.com/design/KlWRgdZx0mfbPEnOB7ZuYp/Paste-Feedback?node-id=943-15500&t=2UW6zf7xLweXp3c0-4

[daronklett]

Thanks Sarah! That's great feedback, I think the former designs with the progress stepper could be misleading. I think we're going to remove the progress steps and "group" the Campaigns and phone numbers under the Brand with a note about next steps, more similar to your mockups.