header-logo
Découvrez comment utiliser Wix pour créer votre site et votre entreprise.
Concevez et gérez votre site à l'aide des fonctionnalités intuitives de Wix.
Gérer les abonnements, les forfaits et les factures.
Gérez votre entreprise et communiquez avec les membres.
Apprenez à acheter, connecter ou transférer un domaine vers votre site.
Obtenez des outils pour développer votre activité et votre présence sur le web.
Améliorez votre visibilité grâce à des outils de référencement et de marketing.
Bénéficiez de fonctionnalités avancées pour travailler plus efficacement.
Trouvez des solutions aux problèmes techniques et de performance du site. Découvrez les problèmes que nous nous efforçons de résoudre ou contactez-nous pour obtenir de l'aide.
placeholder-preview-image
Développez vos compétences.
Obtenez des conseils pour la conception Web, le marketing et plus encore.
Découvrez comment augmenter le trafic de votre site naturel provenant des moteurs de recherche.
Créez un site personnalisé à l'aide de notre plateforme complète.
Trouvez un spécialiste pour vous aider à atteindre vos objectifs.
placeholder-preview-image

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

9 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, veuillez consulter Télécharger l'API de la barre de progression.
Avant de commencer :
Ajoutez le CMS sur votre site et créer une collection qui comprend un type de champ « Nombre » pour votre valeur de progression. Si vous souhaitez utiliser une valeur dynamique pour la valeur cible, ajoutez également un champ « Nombre » qui représente la cible. 

Pour ajouter et configurer une barre de progression :

Éditeur Wix
Éditeur Studio
  1. Accédez à votre éditeur.
  2. 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
  3. Cliquez sur Ajouter des éléments  à gauche de l'éditeur.
  4. Cliquez sur Interactif
  5. Cliquez sur la barre de progression sous Indicateurs
  6. Cliquez et faites glisser la barre de progression de votre choix sur la page. 
  7. Cliquez sur Paramètres dans la barre de progression. 
  8. Saisissez un libellé qui permet aux visiteurs et aux lecteurs d'écran de savoir ce que la barre représente (ex. « Progression vers l'objectif »)
  9. Choisissez si vous souhaitez définir la valeur cible en tant que valeur dynamique ou valeur statique :