New Component: Vertical Progress Bar — Now on the Marketplace! 🎉

Info & Announcements
1

Hey Adalo Community! :waving_hand:

I’m excited to share a new component that’s now available on the Adalo Marketplace:

Vertical Progress Bar

vertical-progress-bar-hero-banner
vertical-progress-bar-hero-banner1600×1000 38.4 KB

Show progress as a vertical filling bar — fuel gauges, fitness goals, level meters, and more

A fully customizable vertical progress bar that fills upward or downward based on any number value. Connect to your database and it updates automatically.

Key Features

:white_check_mark: Fills upward from the bottom or downward from the top
:white_check_mark: Bind Progress Value and Maximum Value to any number field
:white_check_mark: Custom fill color and background color
:white_check_mark: Adjustable corner radius slider (0–50) for sharp or pill shapes
:white_check_mark: Works on Web, iOS, and Android

Perfect For

• Fitness step goals
• Savings trackers
• Course completion
• Resource utilization dashboards
• Gaming XP bars

How to Get It

  1. Open your Adalo app editor
  2. Click the + button to open the Add Components panel
  3. Browse Marketplace Components or search for “Vertical Progress Bar”
  4. Click to add it to your app — done!

If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! :rocket:

6 Likes
Vertical Progress Bar
Vertical Progress Bar
3

Great component.

Would there be a way to have an option to link this to a collection?

For example having a multi-venue app that shows site completion of tasks. Currently, if a new venue is added I would have to add an additional bar and republish the app each time.

Thanks

4

Hi @diegozane, I guess you can use the component inside a custom list or I didn’t understood the question correctly?

Thank you and have a great day!