Elemento de la barra de progreso

Las barras de progreso permitirán a los visitantes de su página ver qué tan cerca están de completarse. Las barras de progreso pueden tener animaciones y marcas que se adapten a su negocio. 

 

 

Antes de comenzar, necesitará lo siguiente:

Paso 1: agregue el elemento de la barra de progreso

  • Haga clic en Agregar nuevo elemento   desde dentro de una fila o haga clic en el   "+"   debajo de un elemento existente.
  • Busque o seleccione el elemento de la lista.
  • Arrástralo a la página.

ProgressBar.png

Paso 2: editar la configuración

  • Pase el mouse sobre el elemento de la barra de progreso y haga clic en el   ícono de  engranaje  en el borde naranja.
  • Edite el elemento y ajuste la   Configuración   como desee.

Progress_Bar.gif

  • Margen superior:   agregue espacio en la parte superior de su elemento.
  • Porcentaje:   ingrese el texto que desea que aparezca dentro de la barra de progreso.
  • Familia de fuentes:   seleccione la fuente.
  • Color BG:    establece el color de la barra de progreso.

Configuración de estilo avanzada

  • Porcentaje de ancho:   elija el porcentaje que desea que muestre la barra.
  • Tamaños:   elija el tamaño de la barra.
  • Sombra de texto:   añade sombra al texto de la barra.
  • Estilo de texto:   seleccione el estilo del texto (negrita y / o cursiva).
  • Alineación:   cambie la justificación (izquierda, centro, derecha).
  • Color de compensación:   configura el aspecto de la parte "vacía" de la barra.
  • Sombra:   añade sombra alrededor de la barra.
  • Esquinas:   ajusta la cantidad de redondeo en las esquinas de la barra.
  • Borde:   seleccione un borde.

Animación avanzada

  • Retraso temporizado: se   desvanece o se desvanece con la escala.
  • Tipo:   carga de página o desplazamiento de página para el retraso que ha establecido.

Si tienes alguna pregunta sobre esto, comunícate con nuestro equipo de soporte haciendo click en el ícono de soporte en la esquina inferior derecha de esta página. Puedes pedir que te atienda un agente en Español en nuestro chat.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article