AX - Barre de progression

Aperçu

AX - Barre de progression est un composant Experience Cloud qui affiche un indicateur visuel de progression montrant le pourcentage d’achèvement ou l’atteinte d’un objectif sur les pages des sites Experience.

Utilisez-le pour montrer aux utilisateurs du portail leur progression vers des objectifs, l’état d’avancement de processus en plusieurs étapes, le pourcentage d’exigences satisfaites, ou toute mesure numérique de progression à partir des données Salesforce. Configurez la valeur de progression, les libellés, les couleurs et le style dans Experience Builder.

Idéal pour l’intégration des nouveaux utilisateurs, le suivi des objectifs, l’exhaustivité du profil, le suivi de la formation, ou partout où les utilisateurs du portail ont besoin d’un retour visuel sur leur progression vers une cible.

Paramètres

🎛️ Propriétés

Nom	Description	Utilisation
Libellé	Le texte affiché pour identifier l’objectif de la barre de progression.	Implémentez cette propriété pour fournir aux utilisateurs une compréhension claire de la progression indiquée par la barre.
Valeur	Une valeur numérique qui représente la progression actuelle.	Définissez cette propriété pour refléter le pourcentage ou la fraction de la tâche ou du processus qui a été achevé.
Libellé de la valeur	Le libellé qui sera affiché à côté de la valeur, souvent sous forme de pourcentage ou de fraction.	Utilisez-le pour fournir une représentation textuelle de la valeur de progression, afin de clarifier l’information pour les utilisateurs.
Position de la valeur	Position du libellé de la valeur par rapport à la barre de progression. Les options incluent En haut à droite, Gauche, Droite, En haut à gauche, En bas à droite, et En bas à gauche.	Choisissez une position de la valeur qui améliore la lisibilité et s’intègre au design du contenu environnant.
Taille	L’épaisseur de la barre de progression. Les options incluent Plein, Très petit, Petit, Moyen, et Grand.	Sélectionnez une taille qui garantit que la barre de progression soit visible et harmonieuse avec la conception globale de la mise en page.
Orientation	La direction dans laquelle la barre de progression se remplit. Peut être définie sur Horizontale ou Verticale.	Alignez l’orientation avec la mise en page et la direction du flux du contenu pour une visualisation intuitive de la progression.
Afficher la valeur	Un interrupteur pour afficher ou masquer le libellé de la valeur de progression.	Utilisez ce réglage pour afficher directement la progression numérique sur la barre pour l’utilisateur, ou pour conserver un design épuré et minimaliste.
Variante	La forme de la barre de progression. Les options sont Base pour une barre droite ou Circulaire pour un indicateur de progression rond.	Choisissez une variante qui correspond le mieux au style visuel du site et au type de progression affiché.
Texturé	Ajoute un effet texturé à la barre de progression pour un détail visuel supplémentaire.	Appliquez cette propriété pour créer une apparence plus dynamique et plus tactile de la barre de progression.
Thème	Des thèmes de couleur prédéfinis qui indiquent la nature ou l’état de la progression. Les thèmes disponibles incluent Base, Alt inverse, Erreur, Info, Inverse, Hors ligne, Succès, et Avertissement.	Sélectionnez un thème pour transmettre différentes significations — par exemple, utilisez Succès pour les tâches terminées ou Avertissement pour les actions en attente.
Épaisseur	Ajustez l’épaisseur de la barre de progression. Les options incluent Moyen, Très petit, Petit, et Grand.	Choisissez l’épaisseur qui garantit la visibilité de la barre de progression et sa compatibilité esthétique avec les autres éléments du site.

🎨 Style