CMS: agregar y configurar una barra de progreso

7 min de lectura
Agrega una barra de progreso para mostrar una representación visual del progreso hacia el logro de un objetivo. Puedes usar la codificación de Velo o un campo de colección del CMS para representar el valor de progreso. Para el valor objetivo, puedes establecer un valor estático que no cambie, o bien un valor dinámico con Velo o conectando un campo de la colección.   
Captura de pantalla de un ejemplo de barra de progreso.
Ejemplos del uso de las barras de progreso:
  • Muestra cuántas tareas están marcadas como "hechas" en una lista de tareas pendientes.
  • Muestra el porcentaje de pasos completados durante un proceso de incorporación. 
  • Muestra la cantidad de dinero recaudado para un objetivo de recaudación de fondos.
  • Muestra el número de firmantes de una petición que necesita una determinada cantidad de votos.
Consejo:
Puedes usar Velo para actualizar el valor de la barra de progreso sin conectarte al CMS. Para aprender cómo hacerlo, consulta cómo trabajar con la API de la barra de progreso (contenido en inglés).
Antes de comenzar:
Agrega el CMS a tu sitio y crea una colección que incluya un tipo de campo numérico para el valor de progreso. 

Para agregar y configurar una barra de progreso:

Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Asegúrate de haber habilitado Velo en el editor: 
    1. Haz clic en Modo desarrollador en la parte superior.
    2. Haz clic en Activar
  3. Haz clic en Agregar elementos a la izquierda del editor.
  4. Haz clic en Interactivo
  5. Haz clic en Barra de progreso debajo de Indicadores
  6. Haz clic en la barra de progreso de tu elección y arrástrala a la página. 
  7. Elige si deseas establecer el valor objetivo como un valor dinámico o estático: 

¿Te ha sido útil?

|