Scroll Progress

Descripción

Scroll Progress adds a lightweight bar that helps readers see how far they have progressed through a page or article. Place it at the top, bottom, left, or right of the browser window.

It works immediately after activation and includes:

  • Whole-page or article-only progress
  • Top, bottom, left, or right placement
  • Track color, progress color, and thickness controls with a live preview
  • Optional leading indicator and percentage
  • Automatic WordPress admin-bar spacing and a configurable sticky-header offset
  • Display rules for posts, pages, and public custom post types
  • Per-post controls to show or hide the bar
  • Optional mobile visibility
  • Optional hiding of the browser’s native scrollbar while the bar is active
  • Automatic updates when content or the viewport changes
  • No visitor tracking, external requests, or frontend dependencies

Existing installations retain their original whole-page behavior until the new display and tracking options are changed.

Capturas

Instalación

  1. Sube los archivos del plugin al directorio >/wp-content/plugins/ o instala el plugin directamente en la pantalla de plugins de WordPress.
  2. Activa el plugin a través de la pantalla «Plugins» en WordPress
  3. Open Settings > Scroll Progress to customize the bar.

FAQ

Can I show the bar only on posts?

Yes. Open Settings > Scroll Progress and select the content types where the bar should appear. Each post or page can override the global rule.

Can progress follow only the article instead of the whole page?

Yes. Select «The main article content» under Progress calculation. The plugin detects common content containers automatically. If your theme uses unusual markup, enter its CSS selector.

Does the plugin collect visitor data?

No. It runs entirely in the browser and makes no external requests.

Does it require jQuery?

No. Version 2.0 uses a small dependency-free frontend script.

Can I hide the browser scrollbar?

Yes. Enable «Hide the browser scrollbar while this progress bar is active» under Display. The page remains scrollable with a mouse wheel, keyboard, touch, or trackpad. If the progress bar is disabled on mobile, the browser scrollbar remains available there.

Reseñas

No hay valoraciones para este plugin.

Colaboradores y desarrolladores

«Scroll Progress» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Scroll Progress» está traducido en 5 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «Scroll Progress» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

2.0.1

  • corrected the plugin name in the WordPress.org readme header

2.0.0

  • rebuilt the progress bar with dependency-free JavaScript
  • recalculate progress after viewport and page-layout changes
  • added whole-page and article-only progress calculation
  • added display rules for public post types and per-post visibility overrides
  • added color pickers, thickness, position, mobile, percentage, and header-offset controls
  • added a live settings preview
  • improved accessibility and automatically hide the bar when content does not scroll
  • removed the jQuery and rangeslider frontend dependencies
  • sanitized saved settings and escaped settings output
  • added left and right placement and an option to hide the native browser scrollbar
  • tested with WordPress 7.1

1.3.2

  • otras mejoras en las traducciones
  • compatibilidad con WordPress 5.5
  • invertido el orden de este registro de cambios
  • pequeñas ediciones del texto

1.3.1

  • eliminadas las traducciones del núcleo del plugin, se gestionarán a través de translate.wordpress.org
  • ahora usa el slug correcto para el dominio de traducción

1.3

  • ahora el plugin está preparado para la traducción
  • añadidos los paquetes de idioma inglés (EE.UU.) y búlgaro

1.2

  • añadida la opción para mostrar u ocultar el punto de inicio del control deslizante de progreso
  • añadida la opción para mover el control deslizante de progreso a la parte superior
  • cambiado el control deslizante para usar la altura de toda la página y ya no intentar determinar solo la altura del contenido
  • hechos más únicos los ajustes variables
  • corregido el valor de progreso de desplazamiento para cuando estamos en el último desplazamiento de la altura de la ventana
  • añadida la versión del plugin a los activos, para invalidar los datos almacenados en la caché

1.1.5

  • compatibilidad actualizada

1.1.4

  • URL actualizada

1.1.3

  • movido el control deslizante hacia abajo, por lo que solo es visible el 50 %; eliminados los bordes redondeados del control deslizante

1.1.2

  • actualizada la lógica del plugin en la longitud de desplazamiento
  • completada la página de administración para la personalización del color del control deslizante
  • reducido el retraso entre las actualizaciones del control deslizante

1.1

  • mejorada la posición del control deslizante. Ahora también tiene en cuenta la parte inferior de la ventana.
  • añadida la página de administración para configurar el color del control deslizante

1.1.1

  • añadidas dos maneras estándar más para centrarse en el primer artículo
  • añadido el banner y el icono del plugin

1.0.3

  • actualización de la descripción

1.0.2

  • Añadida la captura de pantalla 2
  • Actualizado el dato meta tested up to para que tenga la última versión de WordPress

1.0.1

  • Añadidas las capturas de pantalla

1.0

  • Primera versión