Discussion :

[zb1230]

bonjour,
j'aimerai réaliser un progress bar qui progresse étape par étape suite a la décision de l'utilisateur, et cet avancement sera sauvegardé dans une base de donnée. Pour l'instant j'ai réaliser une maquette (pièce jointe) mais j'ai aucune idée par quoi je dois commencer à développer. mercii d'avance

[mathieu]

la maquette est une image ou bien vous l'avez déjà faite en HTML ?

[zb1230]

nope.. la maquette n'est qu'une image

[Invité]

Bonjour,

alors commence par écrire le HTML + CSS.

• Ca peut être une <table>, ou autre chose (display:table ou flex, en CSS,...)
• Il y a de la rotation (CSS3) pour le texte, mais tu pourrais aussi mettre simplement le chiffre DANS le rond (et mettre "étape xx" en tooltip, par exemple)
• ajouter une classe "current" (ou "active") sur l'étape en cours, une classe "done" sur les étapes terminées,...

[zb1230]

merci pour la réponse.
Mettre des classes done ou active par exemple, comment je peux les rentrer dans la base de données et aussi je dois rependre le suivi (cette page) avec la dernière étape qui a été validé. Est-ce que c'est faisable?

[Invité]

Oui c'est faisable.
Mais commence par le début.
AVANT de coder quoi que ce soit, la toute première étape est la CONCEPTION : là, il faut réfléchir.

Pour l'enregistrement en Bdd, il faut en effet SAVOIR ce que tu vas enregistrer pour CONCEVOIR correctement la structure de la table.

• nombre d'étapes
• étape en cours (numéro)
• et puis... c'est à peu près tout, non ?