How can I tag a menu item as visited for each unique user?

Question

I'm creating a learning platform and I have a separate menu for different sections. What I'd like to do is mark these menu items once the unique registered user has seen it.

Like:

.menu-item li{
[basic-css-menu-style]
}
.menu-item li if $user_visited {
[checkmark-css-menu-style]
}

This is to show the user that they have completed the section. I don't want to restrict them from seeing the menu item again. Just add a style or a word/checkmark etc. to show they're done with a particular section, after visiting it. Any ideas?

Answer 1

This can be done with CSS. Get the class of the element in the menu item and add this css:

[class of the menu item]:visited {your own css}