Skip to content
NigelBuilds
← AI for Complete Beginners

Build a checklist tracker that remembers your progress

A checklist is the simplest automation there is. This one tracks a new-client onboarding in a single HTML file, with a progress bar that fills as you check items. No accounts, no backend.

What you need

A text editor and a browser. Nothing else.

  1. 1Create the checklist file

    One HTML file with five onboarding steps and a progress bar at the top.

    Step 1: Create the checklist file

  2. 2Track progress as you go

    Each time a box changes, count the checked ones and update the bar and the running count.

    Step 2: Track progress as you go

  3. 3Watch it reach done

    When every item is checked the bar fills and the count reads five of five.

    Step 3: Watch it reach done

  4. 4Confirm it works on mobile

    Staff will tap this on a phone, so the rows must stay large and readable.

    Step 4: Confirm it works on mobile

What can go wrong

Progress lives in the page, so a refresh resets it. That is fine for a single session. To persist across sessions you would wire it to a sheet or a tiny backend later.

Open the finished build