# Creating an Interactive Status Bar with Custom AI Component

**URL:** https://community.glideapps.com/t/creating-an-interactive-status-bar-with-custom-ai-component/83452
**Category:** Ask for Help
**Tags:** ai-custom
**Created:** [July 25, 2025, 5:56pm UTC](https://community.glideapps.com/t/creating-an-interactive-status-bar-with-custom-ai-component/83452 "2025-07-25T17:56:33Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [July 25, 2025, 6:08pm UTC](https://community.glideapps.com/t/creating-an-interactive-status-bar-with-custom-ai-component/83452/2 "2025-07-25T18:08:23Z")

</div>

> [@Custom Component (AI Generated) - Feedback wanted! light\_bulb](https://community.glideapps.com/t/custom-component-ai-generated-feedback-wanted/74533/44):
>
> CLICKABLE status progressions! [image] Create a responsive horizontal status progression bar that displays the labels. Highlight the statuses prior to the Order. Connect all circles with a horizontal line in the background. Font size: 8px. Labels and statuses include: 1 (New Inquiry) 2 (Call Booked) 3 (Wants Bid) 4 (Has Bid) 5 (Sold) Each circle should be clickable. No hover or onclick styling. Trigger the action that corresponds to the Order number value. Prevent any numbers greater than…

---

_[View the full topic](https://community.glideapps.com/t/creating-an-interactive-status-bar-with-custom-ai-component/83452)._