I have used :visited in CSS for links for a long time and understand their value. However I have not thought of using it for buttons. My "CTA buttons" are usually soft CTAs that direct to valuable information. They are on cards near the second half of the page to engage the user one last time before they leave.

This is not used often for primary CTAs but helps people still looking for health information before committing to coming in for a visit.

The big question is have you ever used :visited on buttons?

I have not seen much research around its usage since the CTA tends to be a step you don't want them to return from but have them continue. These CTAs are there to maintain engagement and encouraging them to learn more by going to another and another until they have all the knowledge they need. Maybe these are not truly CTAs, so don't get caught up in that, but ultimately have you seen buttons with :visited styling and has the helped or hurt?

Image of soft CTAs

  • No. There are no standards.
    – Rob
    Commented Jun 6, 2020 at 11:40

1 Answer 1


Consider completion/progress interfaces. One example are language learning applications such as Duolingo, where progress is displayed and the completion of the task is highlighted.

enter image description here

Another example is Treehouse, where all the interface is laid out in a progression style. Mimicking the progress of the student across each lesson/stage.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.