Progress Bar 0% issue

[Stefan_Welsh]

I want to make a dynamic progress bar for my website. We are counting number of donations with a goal of 200. I think I can use airtable api to do this, but struggling to figure out how. I have figured out how to use vue.js to get info from my base and display it on my site, but how can I link a progress bar to my base to count the number of donors and link it to my progress bar?

Any help is greatly appreciated.

[Jeremy_Oglesby]

I’m pretty new to web development, so I may be completely wrong, but just intuitively it seems like you’d need some middleware aggregating your Airtable records that are being retrieved by the API into arrays that your middleware can manipulate to create a progress bar.

I’ve only worked on a Ruby on Rails stack before - this sounds like the sort of thing I’d do in my Ruby business logic in a controller.

[W_Vann_Hall]

Here’s a quick-and-dirty progress bar that can be built entirely within Airtable.

In-Cell Progress Bar for Each Record Product Suggestions

In the meantime, here is a status bar you can drop into any [knock wood] base as needed. [statusBar] As configured, it requires you to add three Formula fields, {BarGoal}, {BarCurrent}, and {StatusBar}. {BarGoal} should be set to equal the ABS() value of whichever Airtable field contains your target goal. Assuming {Current} is the field containing your current measurement, {BarCurrent} should be set to IF({Current},ABS({Current}),0) {StatusBar} should be configured for the following …