02/10/2012

0

BARRA DE PROGRESSÃO NO BLOGGER

 Quer enfeitar seu blog com uma barra de progressão? Não sei muito bem qual seria a finalidade deste código. Mas resouví postar assim mesmo. Pode ser que você queira utilizar para algum fim específico.
Cole o código abaixo em um gadget HTML do blog e divirta-se.


------------------------------------------------------------
<table align="center"><tr><td>
<div style="font-size:10pt;padding:2px;border:solid black 3px">
<span id="progress1">&nbsp; &nbsp;</span>
<span id="progress2">&nbsp; &nbsp;</span>
<span id="progress3">&nbsp; &nbsp;</span>
<span id="progress4">&nbsp; &nbsp;</span>
<span id="progress5">&nbsp; &nbsp;</span>
<span id="progress6">&nbsp; &nbsp;</span>
<span id="progress7">&nbsp; &nbsp;</span>
<span id="progress8">&nbsp; &nbsp;</span>
<span id="progress9">&nbsp; &nbsp;</span>
<span id="progress10">&nbsp; &nbsp;</span>
<span id="progress11">&nbsp; &nbsp;</span>
<span id="progress12">&nbsp; &nbsp;</span>
<span id="progress13">&nbsp; &nbsp;</span>
<span id="progress14">&nbsp; &nbsp;</span>
</div>
</td></tr></table>
<script language="javascript">
var progressEnd = 13;      
var progressColor = '#80FF00';  
var progressInterval = 100;

var progressAt = progressEnd;
var progressTimer;
function progress_clear() {
    for (var i = 1; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';
    progressAt = 0;
}
function progress_update() {
    progressAt++;
    if (progressAt > progressEnd) progress_clear();
    else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;
    progressTimer = setTimeout('progress_update()',progressInterval);
}
function progress_stop() {
    clearTimeout(progressTimer);
    progress_clear();
}
progress_update();  
</script>
--------------------------------------------------------

Se encontrar uma utilidade, deixe seu recado mostrando o que fez.

Até a próxima



Nenhum comentário:

Postar um comentário

Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.

Walter Matheus é um marketeiro credenciado e tem sido associado a várias publicações online, incluindo este blog,
Dr. Mister Blog e Sabedoria do corpo.

Ele também tem um vasto programa de treinamento para marketeiros no seu próprio site localizado em: WMF Program.

Se você gostou deste conteúdo do blog, você vai se beneficiar muito obtendo conteúdo diário. Ao assinar meu feed, você receberá conteúdo atualizado bem como os bônus especiais.

Junte-se a shareasale.com para ganhar muito dinheiro em seu site ou blog!

Para qualquer dúvida, entre em contato

Veja também

Top comentários

Veja aqui os Vídeos do meu canal