Barra de progreso scroll con IA: prompt y código listo

Este prompt solicita la creación de una barra de progreso vinculada al desplazamiento de la página, un elemento de interfaz muy útil para artículos largos, tutoriales o páginas de documentación. La barra permanece fija en la parte superior de la pantalla y se va llenando visualmente a medida que el usuario baja por el contenido, mostrando además el porcentaje exacto leído. Es una solución práctica para mejorar la experiencia de lectura y dar al usuario una referencia clara de cuánto contenido queda por explorar.

Para reproducir este resultado, basta con indicar el comportamiento deseado en términos simples, como hace el prompt original. Herramientas como ChatGPT o Claude generan el código HTML, CSS y JavaScript necesario en cuestión de segundos. Es ideal para desarrolladores web que buscan implementar esta función rápidamente sin escribir el código desde cero. Se puede extender fácilmente pidiendo variaciones: cambiar el color de la barra, añadir animaciones suaves, o integrarla en frameworks como React o Vue.