6

Como fazer uma barra de progresso que carrega na medida em que a página é carregada?

Barra de progresso

Como nesse site aqui:

http://sinalverdecaxias.com/

Vi um exemplo no codepen.io, é meio parecido com isso, não sei como realmente se chama essa barra de progresso.

1 Resposta 1

6

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.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .