# Voortgangsbalk-widget

Voortgangsbalken zijn geweldig voor **visueel volgen van voltooiing** over pagina's, blokken en funnels.

* **Ga naar Widgets** – Open de **Widgets-paneel** in uw editor.
* **Selecteer "Voortgangsbalk"** – Voeg deze toe aan je pagina voor realtime tracking.
* **Gebruik in dynamische URL's** – De voortgangsbalk kan ook **geïntegreerd worden in dynamische links** voor aanpasbare tracking.

Dit zorgt voor **vlotte gebruikerservaring** terwijl je de voortgang visueel boeiend houdt!

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/lSpOBdLLRJOlX01XSUb4/Group%201171279107.png" alt=""><figcaption></figcaption></figure>

Nu je de voortgangsbalk op je pagina hebt, kun je nu het instellingen-tabblad openen om het uiterlijk aan te passen.

Voortgang: Stel het voortgangspercentage in waar je het nodig hebt.

Selecteer de kleur en achtergrond.&#x20;

Kies de hoogte van de voortgangsbalk en of je deze geanimeerd wilt hebben of niet.

<figure><img src="https://content.gitbook.com/content/e72ThyzkOdxFPyh3rXde/blobs/LZx7vzwBeSpk1v9QGQ1e/progres%20bar%20editing.PNG" alt=""><figcaption></figcaption></figure>

### Dynamische balk-URL

Om je voortgangsbalk dynamisch te maken, voeg je een URL-tekenreeks toe aan je paginadomein waar de voortgangsbalk is opgenomen. Dit zal het voortgangspercentage automatisch bijwerken op basis van de URL-tekenreeksparameter die je instelt.

[WWW.YOURDOMAIN/PAGE?progress=20%](http://www.yourdomain/PAGE?progress=20%) Dit zal het voortgangspercentage wijzigen naar 20%. Je kunt het percentage aanpassen aan je behoeften.&#x20;
