##  [Voortgangsbalk](/nl/hc/documentation/learn-dxpr-builder/drag-and-drop-elements/voortgangsbalk) 

 Houd uw kijkers op de hoogte van de voortgang van een productlancering of mijlpaal of laat op creatieve wijze uw niveau van verschillende vaardigheden visueel zien met de voortgangsbalk van DXPR Builder.

 Volg de onderstaande stappen om het voortgangsbalkelement op uw website te gaan gebruiken:

1. Klik op het **+** icoon
2. Ga naar het tabblad **Inhoud**
3. Selecteer het **voortgangsbalkelement**
4. Vul het bericht van de balk in het veld **Label** in
5. Stel de voortgang in het veld **Voortgang** in. Hierdoor wordt de lengte van de voortgangsbalk gewijzigd.
6. Stel de maat voor de staaf in via **Staafhoogte** instelling
7. Selecteer de kleur van de **voor-** en **achterkant** van de balk
8. *Optioneel* kunt u **strepen** en **animaties** aan de balken toevoegen
9. Nadat u uw voorkeursinstellingen heeft geselecteerd, kunt u op **Wijzigingen opslaan** klikken en u bent klaar!