Progress Bar on Website


#1

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.


#2

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.


#3

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