# Widget de barra de progreso

Las barras de progreso son excelentes para **seguir visualmente la finalización** a través de páginas, bloques y embudos.

* **Ir a Widgets** – Abre el **panel de Widgets** en tu editor.
* **Seleccione "Barra de progreso"** – Agréguela a su página para el seguimiento en tiempo real.
* **Uso en URL dinámicas** – La barra de progreso también puede ser **integrada en enlaces dinámicos** para un seguimiento adaptable.

Esto garantiza **experiencia de usuario fluida** ¡manteniendo el progreso visualmente atractivo!

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

Ahora que tiene la barra de progreso en su página, puede abrir la pestaña de configuración para modificar el aspecto.

Progreso: Establezca el % de progreso donde lo necesite.

Seleccione el color y el fondo.&#x20;

Elija la altura de la barra de progreso y si la necesita animada o no.

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

### URL dinámica de la barra

Para que su barra de progreso sea dinámica, agregue una cadena de URL al dominio de su página donde se incluya la barra de progreso. Esto actualizará automáticamente el porcentaje de progreso según el parámetro de la cadena de URL que establezca.

[WWW.SUDOMINIO/PAGINA?progress=20%](http://www.yourdomain/PAGE?progress=20%) Esto cambiará el % de la barra de progreso a 20%. Puede modificar el % según sus necesidades.&#x20;
