Agregue su propia barra de progreso de carga de página con Pace.js

Para algunos usuarios, una barra de progreso puede ser muy útil. Les informa cuánto más cerca están de completar tareas. Normalmente, esto se usa para brindar una experiencia más amigable para el usuario. Cuando abre una página web en su navegador favorito, ya hay una barra de progreso predeterminada en la pestaña del navegador para ver si la página está completamente cargada.

Con Pace.js, ahora puede incorporar la barra de progreso de carga de página en su propia página.

Pace.js es una biblioteca de JavaScript para crear una hermosa barra de progreso de carga de página en un sitio web. El progreso se establece automáticamente al inspeccionar las solicitudes ajax, el estado preparado para el documento, el retraso del ciclo de eventos (que muestra que javascript se está ejecutando) y la existencia de elementos específicos en una página.

Cuando tiene lugar un evento de navegación ajax o pushState, la barra de progreso también se reiniciará nuevamente.

Empezando

Pace.js es muy fácil de implementar. Se puede usar incluso sin tener la biblioteca jQuery en su sitio. Solo necesita incorporar pace.js y un tema CSS de su elección lo más temprano posible en su documento:

¡Eso es! Ya terminaste y tu sitio ahora tiene una hermosa barra de progreso de carga de página.

Configuración

En lo que respecta a las sustancias, no hay necesidad de configuración adicional ya que Pace.js viene con automatización completa. Pero si la configuración predeterminada no satisface sus necesidades, también puede usar su propia configuración.

Para personalizar aún más, hay dos métodos simples que puede elegir. Primero, al incluir la configuración dentro de window.paceOption como la siguiente.

Un segundo método es donde puede agregar fácilmente data-pace-options dentro de una etiqueta de script, luego definir la configuración y llamar al recurso pace.js como tal.

Puede encontrar la lista completa de configuraciones disponibles que puede usar en la página fuente.

Pensamiento final

Este complemento viene con un montón de temas listos para usar . Para ver la lista completa y la demostración de los temas, puede dirigirse al sitio del complemento. Si esos temas no le convienen, puede crear fácilmente los suyos. Con la ayuda de un complemento como Pace.js, ahora no tiene que preocuparse por las dificultades para implementar una barra de progreso de la página de carga en su sitio.

10 consejos de Windows 10 para impulsar la productividad

Windows 10 es un sistema operativo rápido y eficiente diseñado para mejorar la productividad del usuario . El sistema operativo de escritorio más utilizado ofrece una multitud de características que ayudan a los usuarios a hacer malabarismos entre las aplicaciones sin problemas y realizar múltiples tareas con el mínimo esfuerzo.Sin e

(Consejos de tecnología y diseño)

18 Ubicaciones de productos descaradas en películas y TV que probablemente se haya olvidado

Hay publicidad en todas partes . Los comerciales en la televisión, las vallas publicitarias a través de la autopista, los avisos publicitarios en páginas largas, los temibles pop-ups de Internet. Donde quiera que te enciendas, no puedes alejarte de las cosas. Cualquiera que sea el medio que se le ocurra, es probable que esté cubierto con los anuncios de Verizon que le venden su servicio de Internet de alta velocidad (¿Puedo tener mi dinero ahora?).Ni

(Consejos de tecnología y diseño)