Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Personalizar barra de progresso
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Personalizar barra de progresso
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:
https://ajuda.forumeiros.com
Versão do fórum:
PHPBB3
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:
https://ajuda.forumeiros.com
Versão do fórum:
PHPBB3
Re: Personalizar barra de progresso
Olá!
Poderia nos enviar o link de onde está essa barra?
Melhores cumprimentos.
Poderia nos enviar o link de onde está essa barra?
Melhores cumprimentos.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Tópicos semelhantes
» Barra progresso de pagamento
» Barra de progresso automatica
» [TUTORIAL] Barra de progresso no carregamento das páginas
» Tem como colocar barra de progresso para o proximo rank?
» Personalizar Barra
» Barra de progresso automatica
» [TUTORIAL] Barra de progresso no carregamento das páginas
» Tem como colocar barra de progresso para o proximo rank?
» Personalizar Barra
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos