Add persistent checkboxes to HTML pages

Simple project addition... Need to modify our online lab system to provide a visual way for students to keep track of their progress as they complete lab steps. As you can see in the attached example, this means providing a way in both the right and left panes to provide a completion checkbox for both the exercise and the lab steps. The checked items will also change the font to gray (dim) for that specific step. Ideally, these check boxes will persist (save) the state to a local file (cookies, XML or other) so that the progress of the exercises and steps is saved and is reloaded the next time the user starts the lab interface. Finally, a button will be provided to clear all lab step checkboxes for the entire document. Please don't submit a bid without suggesting a plan of how you will accomplish this task.