Component Voortgangsbalk progress-bar-component

De component van de Bar van de Voortgang van de Component van de Kern vertegenwoordigt visueel vooruitgang in de richting van een doel.

Gebruik usage

Met de component ProgressBar kan de auteur van de inhoud eenvoudig een voortgangsbalk maken door een voltooiingspercentage te definiëren, zodat de voortgang in de richting van een doel op intuïtieve wijze zichtbaar is.

Versie en compatibiliteit version-and-compatibility

De huidige versie van de component ProgressBar is v1, die in mei 2020 is geïntroduceerd met versie 2.9.0 van de Core Components, en die in dit document wordt beschreven.

In de volgende tabel staan alle ondersteunde versies van de component, de AEM versies waarmee de versies van de component compatibel zijn en koppelingen naar documentatie voor vorige versies.

Componentversie
AEM 6,4
AEM 6,5
AEM as a Cloud Service
v1
Compatibel systeem met
versie 2.17.4en vroeger
Compatibel
Compatibel

Uitvoer van voorbeeldcomponent sample-component-output

Om de Component van de Bar van de Voortgang te ervaren evenals voorbeelden van zijn configuratieopties evenals HTML en output te zien JSON, bezoek de Bibliotheek van de Component.

Technische details technical-details

De recentste technische documentatie over de Component van de Bar van de Voortgang kan op GitHubworden gevonden.

De verdere details over het ontwikkelen van de Componenten van de Kern kunnen in de de ontwikkelaarsdocumentatie van de Componenten van de Kern worden gevonden.

Dialoogvenster configureren configure-dialog

de Edit dialoog van de Component van de Bar van de Voortgang

  • Voltooiing - de vooruitgang zoals die door een percentage wordt vertegenwoordigd

  • identiteitskaart - Deze optie staat toe om het unieke herkenningsteken van de component in HTML en in de Laag van Gegevens te controleren.

    • Als deze leeg blijft, wordt automatisch een unieke id voor u gegenereerd. U kunt deze vinden door de resulterende pagina te inspecteren.
    • Als een id is opgegeven, is het de verantwoordelijkheid van de auteur om ervoor te zorgen dat deze uniek is.
    • Het wijzigen van de id kan gevolgen hebben voor het bijhouden van CSS-, JS- en gegevenslagen.

Ontwerpdialoogvenster design-dialog

In het ontwerpdialoogvenster kan de sjabloonauteur de stijlen definiëren die zijn toegepast op de component Progress Bar.

Tabblad Stijlen styles-tab

De component van de Bar van de Voortgang steunt het AEM Systeem van de Stijl.

Gegevenslaag client-Adobe data-layer

De component van de Bar van de Voortgang steunt de Gegevens van de Cliënt van de Adobe Laag.

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