Recommendations on visual progress trackers?

Does anyone have any recommendations on how to best set up a progress tracker like the one below?

Ref Pic Check In
The goal is to fill in a circle for each day the user checks in. On any day that the user fails to check in, the circle is outlined instead of filled.

I could set up each circle with its own data point but that seems inefficient, especially if there are multiple days.

Does anyone have any ideas on how to best set something like this up?

Hey @lien4888 :wave:

You can keep a list of dates in the current user called Checked In Dates, whenever the user checks in, add current day to the list (rounding down to midnight so they can only check in once for the same day). Then, using the calendar tools plugin, you can create a list of dates for a repeating group. Finally, you will show an icon and conditionally change the icon if the current cell’s data is in the user’s checked in dates list.

I hope this gives you a starting point.

bdk_512x512 @Huseyin from Flusk | Discover the #1 Security and Monitoring Tool for Bubble

Thank you for the suggestion! This was really helpful. I wasn’t able to use the calendar tools plugin you recommended since this resulted in an imposed maximum limit number of icons due to the number of days within a specified month. For tracking durations longer than a month, this tool didn’t quite work.

However, your suggestion to create a list of dates gave me an idea to use the List of Dates plugin to generate a list of dates that will track all dates within a specified date range.

Then once an user checks in for the day, I updated a list of dates called Checked In Dates. This then allowed me to add the conditional on my icon where the icon colour would change if the User’s Checked In Dates was found within the first list of dates.

Thanks for your help on this!

This topic was automatically closed after 70 days. New replies are no longer allowed.