I create similar guides or transaction checklists in my Xojo Web projects using the Alert controls from GraffitiSuite.
I have a switch on each webpage to toggle on/off assistance/guidance for users.
So for instance if a user is creating a Sales Proposal and the guides are switched on, all steps in process appear as numbered alerts and are dismissed as each step is completed. So Step 1 may be to enter a Project Name - the alert will contain a advice or instructions for completing that step. When a project name is completed based on the rules applied to it, it’s alert will be dismiss (based on a TextChanged event in the related WebTextField.
The Alerts in GraffitiSuite have excellent styling and positioning. I usually push them to the right of the window. Just be careful to include some code to remember where a user is up to in a process if they navigate away then come back (I store incomplete transaction data in the session including the status of the guides).
Since adding the guides support tickets have all but evaporated. It does take some time to implement first time around but you get quicker.
I hope that helps.
Kind regards, Andrew