Shefarol Soluções Web

Pace - Automatic page load progress bar - Voltar

Basta incluir pace.js e um tema CSS de sua escolha e você terá um belo indicador de progresso para o carregamento da página e navegação ajax.

Não há necessidade de se conectar a nenhum código, o progresso é detectado automaticamente.

Para iniciar cole o código dentro da tag HEAD
<script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pace-js@latest/pace-theme-default.min.css">

 

Logo depois escolha um tema conforme exemplos abaixo:

 

Para mais informações visite
Ou faça o download do pacote completo aqui