The checkbox is used to help keep track of the user’s progress when reading series of posts such as web docs. As much as I want to have this feature, I have absolutely no idea how to implement something like this. Any idea how to make something like this? Your response would be appreciated.
There are a few key decisions you have to make first, including;
Is this information tied to a User, or to a Computer?
If the User goes to another Computer, do they need to see that same progress?
How often will documents, and the navigation hierarchy change?
Is progress binary, i.e. 0% / 100% complete, or are there gradations of completion?
Once you’ve decided those, you’ll know more about your approach.
Let’s assume the easiest case, which is Computer, no, rarely, and binary.
There you can avoid user accounts, and store progress locally in localData.
You’ll also be able to simply store e.g. LessonID, progress=10. In your nav, you’d figure out which lesson you’re on, and e.g. tick off the first 10 items.
Super crude, but this is the easiest scenario.
Let’s assume the hardest case which is User, yes, often, and gradiations.
This changes everything…
You must have User accounts and logins, e.g. Webflow Memberships or MemberStack.
You must store progress on a server somewhere, so that it can travel with the user. That means building some kind of tracking system.
You must ID and track lesson parts individually, so that if you add/delete/move lessons, you still know what’s completed, and what’s not.
You also need some way to detect how far they’ve scrolled, what videos they’ve watched, or what parts they’ve completed, so you can determine and update the % complete.