Como fazer uma barra de progresso que carrega na medida em que a página é carregada?
Como nesse site aqui:
Vi um exemplo no codepen.io, é meio parecido com isso, não sei como realmente se chama essa barra de progresso.
Como fazer uma barra de progresso que carrega na medida em que a página é carregada?
Como nesse site aqui:
Vi um exemplo no codepen.io, é meio parecido com isso, não sei como realmente se chama essa barra de progresso.
Você pode usar o pace.js, que é bem simples e tem várias opções com visuais bacanas.
Pra por na prática é só fazer o download e adicionar a chamada:
<head>
<script src="/pace/pace.js"></script>
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>
E depois, fazer as configurações iniciais para personalizar (não são obrigatórias) o pace.js:
paceOptions = {
elements: false,
restartOnRequestAfter: false
}
Caso fique com qualquer dúvida tem mais detalhes na documentação do pace.