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'achèvement de processus en plusieurs étapes, le pourcentage d'exigences satisfaites ou toute métrique numérique de progression provenant des données Salesforce. Configurez la valeur de progression, les étiquettes, les couleurs et le style dans Experience Builder.

Parfait pour l'achèvement de l'intégration, le suivi des objectifs, la complétude du profil, la progression de formation ou partout où les utilisateurs du portail ont besoin d'un retour visuel sur leur avancement vers une cible.

Paramètres

🎛️ Propriétés

Nom	Description	Utilisation
Étiquette	Le texte affiché pour identifier l'objet de la barre de progression.	Implémentez cette propriété pour donner aux utilisateurs une compréhension claire de ce que la barre indique comme progression.
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é accompli.
Étiquette de la valeur	L'étiquette qui sera affichée à côté de la valeur, souvent sous forme de pourcentage ou de fraction.	Utilisez ceci pour donner une représentation textuelle de la valeur de progression, apportant de la clarté aux utilisateurs.
Position de la valeur	Position de l'étiquette de valeur par rapport à la barre de progression. Les options incluent Haut à droite, Gauche, Droite, Haut à gauche, Bas à droite , et Bas à gauche.	Choisissez une position de valeur qui améliore la lisibilité et s'adapte au design du contenu environnant.
Taille	L'épaisseur de la barre de progression. Les options incluent Pleine, Très petite, Petite, Moyenne , et Grande.	Sélectionnez une taille qui garantit que la barre de progression soit visible et harmonieuse avec la mise en page générale du design.
Orientation	La direction dans laquelle la barre de progression se remplit. Peut être réglée sur Horizontal ou Vertical.	Alignez l'orientation avec la mise en page et la direction du flux de contenu pour une visualisation intuitive de la progression.
Afficher la valeur	Un commutateur pour afficher ou masquer l'étiquette de la valeur de progression.	Utilisez ce paramètre pour soit présenter la progression numérique directement sur la barre pour référence utilisateur, soit pour garder 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 motif de conception du site et au type de progression affichée.
Texturé	Ajoute un effet texturé à la barre de progression pour un détail visuel supplémentaire.	Appliquez cette propriété pour créer un aspect plus dynamique et tactile pour la barre de progression.
Thème	Thèmes de couleurs prédéfinis qui indiquent la nature ou le statut 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 Moyenne, Très petite, Petite , et Grande.	Choisissez l'épaisseur qui assure la visibilité de la barre de progression et sa compatibilité esthétique avec les autres éléments du site.

🎨 Style