> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Barra de progreso móvil en encuestas y cuestionarios

> Activa y personaliza una barra de progreso que muestra en el celular cuánto falta para terminar.

En una encuesta o un cuestionario de varios pasos, saber cuánto falta para terminar reduce mucho el abandono. La barra de progreso móvil agrega una línea que se va llenando a medida que la persona avanza, y solo aparece en celulares, donde más se necesita. En computadora y en formularios de un solo paso permanece oculta para no recargar el diseño.

## Ventajas

* **Guía visual:** la persona ve cuántos pasos le quedan y es menos probable que abandone.
* **Colores de tu marca:** eliges el color del texto del paso, de la parte llena y de la parte vacía.
* **Compatible con cualquier pie de página:** funciona con los pies **Fijo a la tarjeta** (Stick to card) y **Fijo a la página** (Stick to page).
* **Más respuestas completas:** una señal clara de avance motiva a terminar.

## Cómo configurarla

**1. Ve a encuestas o cuestionarios**

En el menú lateral, entra en **Sitios** y, en la barra superior, elige **Encuestas** o **Cuestionarios**.

**2. Abre la encuesta o el cuestionario**

Para editar uno existente, haz clic en el menú de tres puntos junto a su nombre y elige **Editar**. Para crear uno nuevo, pulsa **Agregar encuesta** o **Agregar cuestionario** arriba a la derecha.

**3. Abre Estilos y opciones**

Haz clic en **Estilos y opciones** (Styles & Options), arriba a la derecha del editor.

**4. Cambia a vista de celular**

Baja hasta la sección **Pie de página** (Footer) y despliégala. En el selector de dispositivo junto a **Pie de página**, elige **Teléfono**. En modo escritorio no se puede activar la barra.

**5. Activa la barra**

Activa **Habilitar barra de progreso** (Enable Progress Bar).

**6. Personaliza los colores y guarda**

Ajusta los colores y pulsa **Guardar**.

## Colores de la barra

Cada selector acepta valores HEX para que uses exactamente los colores de tu marca.

| Opción | Qué controla |
| - | - |
| **Color del texto del paso** | La etiqueta del paso, por ejemplo "1 de 3" |
| **Relleno de la barra** | La parte de la barra ya completada |
| **Barra inactiva** | La parte de la barra que aún falta |

## Preguntas frecuentes

> **¿La barra aparece en computadora?**
>
> No. Es solo para celulares. En computadora se ven los indicadores habituales.

> **¿Por qué la opción Habilitar barra de progreso está en gris?**
>
> Porque el editor está en modo escritorio. Cambia el selector de dispositivo a **Teléfono** y podrás activarla.

> **¿Qué pasa si mi encuesta tiene un solo paso?**
>
> La barra se oculta automáticamente, porque no hay progreso que mostrar.

> **¿Funciona con los pies de página fijos?**
>
> Sí. Se integra con los pies **Fijo a la tarjeta** y **Fijo a la página**.

> **¿Mis encuestas antiguas mostrarán la barra automáticamente?**
>
> No. Viene desactivada y hay que activarla en cada encuesta y cada cuestionario.

## Artículos relacionados

> **[Pie de página en encuestas](https://help.chateea.com/docs/sitios/pie-de-pagina-en-encuestas.md)**
>
> Personaliza los botones y el pie de tus encuestas.

> **[Editor móvil de formularios](https://help.chateea.com/docs/sitios/editor-movil-de-formularios.md)**
>
> Ajusta el diseño para celulares.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.