Personalizar barra de progresso

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar barra de progresso

Mensagem por alexandravnunes em 17/12/12, 10:48 am

Qual é minha questão:
Ola, gostaria da ajuda do forum para modificar o modelo da barra de progresso deste codigo, quero que se possivel fique como na imagem:

o código é esse:

<progress id="progressBar" value="0" max="100" style="width:300px;"></progress>
<span id="status"></span>
<h1 id="finalMessage"></h1>
<script type="text/javascript" language="javascript">
function progressBarSim(al) {
var bar = document.getElementById('progressBar');
var status = document.getElementById('status');
status.innerHTML = al+"%";
bar.value = al;
al++;
var sim = setTimeout("progressBarSim("+al+")",300);
if(al == 100){
status.innerHTML = "100%";
bar.value = 100;
clearTimeout(sim);
var finalMessage = document.getElementById('finalMessage');
finalMessage.innerHTML = "Process is complete";
}
}
var amountLoaded = 0;
progressBarSim(amountLoaded);
</script>

Obrigado!!!!!!!!

Endereço do meu fórum:
http://ajuda.forumeiros.com

Versão do fórum:
PHPBB3
avatar

alexandravnunes
Nível 5

Feminino
Inscrito dia : 11/01/2009
Mensagens : 39
Pontos Ativos : 67

Ver perfil do usuário http://www.alexandranunes.com/

Resolvido Re: Personalizar barra de progresso

Mensagem por Consolado em 17/12/12, 10:53 am

Olá!

Poderia nos enviar o link de onde está essa barra?

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum