how can i do this? state changes after action/event is completed

Please take a look at the image i'm attaching (sorry it's in spanish):

What i'm looking to accomplish is to set events to be completed and as they are being completed the status changes. for example:

The user needs to read a contract. Once the user has read it, the step goes from greyed out to completed (here shown with a black background and a green "OK" box). Events may differ in nature; it could imply uploading a file, reading a document or some other action.

so the question is: is the design shown here possible? if so, how should i go about so the state changes as soon as the event or action is completed?

Thanks!

1
2 replies