Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucaascrazy

Contagem, como fazer?

Por , em Javascript

Recommended Posts

Webdre    3

Webdre
Postado

Ola, se for apenas uma animação de entrada você pode usar, Flash ou JQuery. Se quiser fazer um Load de alguma coisa também pode ser feita com os dois.

Segue abaixo um modelo: 

<!doctype html> 
<html lang="pt-br">
<!-- By Webdre Design -->
<head>
  <meta charset="utf-8" />
  <title>jQuery UI - Barra de Progresso</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#progressbar" ).progressbar({
      value: 80 //valor da porcendagem a ser incrementado
    });
  });
  </script>
</head>
<body> 
<div id="progressbar"></div> 
</body>
</html>

Ver Modelo


Utilizando uma função para incrementar o valor da barra pelo tempo fica legal também, função do tempo abaixo:

 

<script>
  var tempo = 0;
  var barra = 0;  
  
  function carrega(){
	if(barra <= 100){
		barra++;
		$(function() {
			$( "#progressbar" ).progressbar({
			  value: barra //valor da porcendagem a ser incrementado
			});
		});
	}else{
		clearInterval(tempo);
	}  
  }
  
  tempo = setInterval("carrega()",100);
 </script>

Ver Modelo

 

Espero ter ajudado, qualquer duvida manda um email para aula@webdre.com.br

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito