Composant Barre de progression progress-bar-component

Le composant Barre de progression des composants principaux représente visuellement la progression par rapport à un objectif.

Utilisation usage

Le composant Barre de progression permet à l’auteur de contenu de créer facilement une barre de progression en définissant un pourcentage d’achèvement, de façon à disposer d’un affichage intuitif de la progression par rapport à un objectif.

Version et compatibilité version-and-compatibility

La version actuelle du composant Barre de progression est v1. Elle a été introduite avec la version 2.9.0 des composants principaux en mai 2020 et elle est décrite dans ce document.

Le tableau ci-après présente en détail toutes les versions prises en charge du composant, les versions AEM avec lesquelles les versions du composant sont compatibles et les liens vers la documentation pour les versions précédentes.

Version du composant
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v1
Compatible avec la
version 2.17.4 et versions antérieures
Compatible
Compatible

Exemple de sortie de composant sample-component-output

Pour tester le composant Barre de progression et obtenir des exemples d’options de configuration, ainsi que des sorties HTML et JSON, consultez la bibliothèque de composants.

Détails techniques technical-details

La documentation technique la plus récente sur le composant Barre de progression se trouve sur GitHub.

Vous trouverez plus d’informations sur le développement des composants principaux dans la documentation destinée aux développeurs de composants principaux.

Boîte de dialogue de configuration configure-dialog

Boîte de dialogue de modification du composant Barre de progression

  • Achèvement  : progression représentée par un pourcentage

  • ID  : cette option permet de contrôler l’identifiant unique du composant dans le code HTML ainsi que dans la couche de données.

    • Si rien n’est indiqué, un ID unique est généré automatiquement et peut être trouvé en examinant la page obtenue.
    • Si un ID est spécifié, il incombe à l’auteur de s’assurer qu’il est unique.
    • La modification de l’ID peut avoir un impact sur le suivi CSS, JS et de couche de données.

Boîte de dialogue de conception design-dialog

La boîte de dialogue de conception permet à l’auteur du modèle de définir les styles appliqués au composant Barre de progression.

Onglet Styles styles-tab

Le composant Barre de progression prend en charge le système de style AEM.

Couche de données client Adobe data-layer

Le composant Barre de progression prend en charge la couche de données client Adobe.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c