Ir para conteúdo

Arquivado

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

Leandro Calixto

Barra de Progresso

Por , em Javascript

Recommended Posts

Leandro Calixto    0

Leandro Calixto
Postado

Bom dia Pessoas.

 

Vamos lá

 

Tenho um código em JavaScript para criar uma barra de Progresso.

Fiz ela deu perfeito, porem gostaria de saber como faço para que ao fim no 100% ela abra/carregue uma imagem ou abra uma pagina especifica.??

 

Abaixo o código:

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Barra de Progresso</title>
<script type="text/javascript">
	var progresso = new Number();
	var maximo = new Number();
	var progresso=0;
	var maximo = 60;
		function start(){
				if((progresso + 1) < maximo){
					progresso=progresso+1;
					document.getElementById("pg").value=progresso;
					setTimeout("start();",50);
				}
		}
</script>
</head>
<body onload="start();"> 
	<progress id="pg" max="60"></progress>

</body>
</html>

Aguardando...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Impacto    15

Rafael Impacto
Postado

Coloca um else no if da função start, quando progresso for igual ao máximo ele vai cair no else, daí você faz sua ação.

 

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Calixto    0

Leandro Calixto
Postado

Coloca um else no if da função start, quando progresso for igual ao máximo ele vai cair no else, daí você faz sua ação.

 

Abraço

Obrigado, mas... como poderia ser?

 

else mais quais codigo?

 

hehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Calixto    0

Leandro Calixto
Postado

Obrigado pela ajuda a todos! eheheh! conssegui, irei deixar aqui para quem quiser!

 

Código antigo

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Barra de Progresso</title>
<script type="text/javascript">
	var progresso = new Number();
	var maximo = new Number();
	var progresso=0;
	var maximo = 60;
		function start(){
				if((progresso + 1) < maximo){
					progresso=progresso+1;
					document.getElementById("pg").value=progresso;
					setTimeout("start();",50);
				}
		}
</script>
</head>
<body onload="start();"> 
	<progress id="pg" max="60"></progress>

</body>
</html>

 

Código novo

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Barra de Progresso</title>
<script type="text/javascript">
	var progresso = new Number();
	var maximo = new Number();
	var progresso=0;
	var maximo = 60;
		function start(){
				if((progresso + 1) < maximo){
					progresso=progresso+1;
					document.getElementById("pg").value=progresso;
					setTimeout("start();",50);}
                                        //adicionei as duas linhas abaixo
					else
					window.document.location="index.html"
		}
</script>
</head>
<body onload="start();"> 
	<progress id="pg" max="60"></progress>

</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Impacto    15

Rafael Impacto
Postado

show, com isso da para você fazer muito, no seu exemplo você direcionou para outra página, mais no carregar da barra você tem pode ter como exemplos diversas outras ações, por exemplo adicionar elementos no DOM com jquery, utilizar plugins, imprimir mensagens e por ai vai.

 

Boa sorte pra ti

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