Créer un bloc "Progression"

[fpasquet]

ETQ visiteur du blog Je souhaite savoir à quelle étape j'en suis dans le tutoriel
Afin de pouvoir suivre et aller au bout de mon tutoriel

Contexte

La barre de progression se présente comme ci-dessous dans le blog existant :

Elle se trouve à gauche de l'écran, ce qui n'est pas optimal en terme de lisibilité pour le lecteur.

Besoin

Il faut donc faire en sorte que la barre latérale soit mieux située afin d'offrir une meilleure expérience pour les visiteurs du blog. En outre, la couleur devra être changée pour coller à la refonte du blog.

Solution

Voici la nouvelle version de la barre de progression :

Concernant les couleurs, il convient de noter que :

• Lorsqu'un titre est grisé --> étape(s) du tutoriel déjà effectuée(s)
• Lorsqu'un titre est bleu --> étape du tutoriel en cours
• Lorsqu'un titre est noir --> étape(s) du tutoriel à faire

Cependant, il faudra bien penser à ajouter un bouton "Suivant" comme ce qui existe actuellement sur le blog.