Système de gestion de contenu (CMS) : Ajouter et configurer une barre de progression

Temps de lecture : 7 min

Ajoutez une barre de progression pour afficher une représentation visuelle des progrès vers la réalisation d'un objectif. Vous pouvez utiliser le codage Velo ou un champ de collection du système de gestion de contenu (CMS) pour représenter la valeur de progression. Pour la valeur cible, vous pouvez définir une valeur statique qui ne change pas, ou définir une valeur dynamique avec Velo ou en connectant un champ de collection.

Capture d'écran d'un exemple de barre de progression.

Exemples d'utilisation des barres de progression :

Affichez le nombre de tâches marquées comme « terminées » sur une liste de tâches.
Affichez le pourcentage d'étapes complétées au cours d'un processus d'intégration.
Affichez le montant collecté pour un objectif de collecte de fonds.
Affichez le nombre de personnes qui ont signé une requête qui nécessite un certain nombre de votes.

Suggestion :

Vous pouvez utiliser Velo pour mettre à jour la valeur de la barre de progression sans vous connecter au système de gestion de contenu (CMS). Pour en savoir plus, consultez Travailler avec l'API de la barre de progression.

Avant de commencer :

Ajoutez le CMS sur votre site et créer une collection qui inclut un type de champ numérique pour votre valeur de progression.

Pour ajouter et configurer une barre de progression :

Éditeur Wix

Éditeur Studio

Accédez à votre Éditeur.
Assurez-vous que vous avez activé Velo dans votre Éditeur :
1. Cliquez sur Mode développeur en haut de la page.
2. Cliquez sur Activer le mode développeur.
Cliquez sur Ajouter des éléments sur le côté gauche de l'Éditeur.
Cliquez sur Interactif.
Cliquez sur la barre de progression sous Indicateurs.
Cliquez et faites glisser la barre de progression de votre choix sur la page.
Choisissez si vous souhaitez définir la valeur cible en tant que valeur dynamique ou valeur statique :

Valeur cible dynamique

Valeur cible statique

Pour ajouter et configurer une barre de progression :

Cela vous a-t-il aidé ?