Elementor

Cómo añadir una barra de progreso de lectura en Elementor

widget indicador de avance

Tabla de contenidos

¿Qué es el widget de Indicador de avance en Elementor?

El Widget de Indicador de avance en Elementor es una herramienta visual que permitirá a los lectores de tu blog saber cuánto han avanzado en la lectura de un artículo o publicación. Esta barra se desplazará a medida que el lector vaya bajando la página. Es muy útil en artículos de gran extensión.

Paso 1. Añade el Widget al lienzo

Haz clic en el Widget de Indicador de avance, luego arrástralo y suéltalo dentro del lienzo.

Paso 2. Elige el tipo de indicador

Tipo de indicador
Tipo de indicador

En la pestaña Contenido > Indicador de Avance > Tipo de indicador >  Elige entre Horizontal o Circular.

Paso 3. Personaliza el avance

Personaliza el avance
Personaliza el avance

Elige si quieres que el avance relativo sea en relación con toda la página, solo el contenido de la entrada o el selector.

Recuerda que, si eliges la opción Selector, tienes que poner el #id o .class del que quieres realizar un seguimiento del progreso.

Paso 4. Elige una dirección

Dirección
Dirección

Elige entre izquierda o derecha para mostrar el icono.

Paso 5. Porcentaje

Porcentaje
Porcentaje

Activa o desactiva esta opción para mostrar u ocultar el porcentaje del progreso.

Escrito por:

Richi Pérez

Richi Pérez

11/06/2024

Tutoriales de WordPress y diseño

Sigue aprendiendo

Tutoriales de WordPress y Elementor para conocer todos los recursos disponibles

¿Por qué usar fuentes y colores globales en Elementor? Para unificar el aspecto de un sitio web, es...

¿Qué es el widget de Valoración en Elementor? El Widget de Valoración en Elementor te permite añadir valoraciones...

¿Qué es el widget de Listas de reproducción de vídeo en Elementor? El Widget de Listas de reproducción...