Barra de Progresso

[~TiuTalk~ 7]

Bom gente,

 

Estava sem muito o que fazer e acabei desenvolvendo um scriptzinho que 'gera' barras de progresso:

 

Pra quem se preocupa com tableless esse script usa só divs e lower-case pra não dar problema com o validador! ;)

 

=============================

 

Arquivos:

• progress.php » Arquivo de exemplo, que tem a função do script e exibe três barras em formatos diferentes (veja img abaixo)
• images/* » Imagens usadas pelas barras

Instalação:

• Copie todos os arquivos para o seu site
• Copie a função do arquivo progress.php e use-a como no exemplo. Todos os seus argumentos estão comentados no começo do arquivo.

Download:

Barra de Progresso

[20/07/2008 18:50] - Versão 1.0 - Download

Caso você faça o download e goste do script, deixe sua resposta! ;)

 

Resultado (Exemplo):

 

Exemplo de uso:

Para exibir uma barra de 300 píxels de largura, com 65% de progresso e com fundo vermelho:

<?=show_prog_bar(300, 65, 'red');?>

 

Para exibir uma barra de 250 píxels de largura, com 82% de progresso e com fundo verde (padrão):

<?=show_prog_bar(250, 82);?>

 

=============================

 

Espero que gostem!

 

Qualquer dúvida/erro é só falar! :)

 

@edit

Se alguém gostar do script e usá-lo em algum site, não peço creditos, gostaria apenas de ver como ficou... ;)

[Alaerte Gabriel 662]

Baixei, muito bom ~TiuTalk~ ;)

[williamfoose 0]

Achei as barras muito maneiras e bonitas. Parabens ~TiuTalk~

[Ringeril 0]

TiuTalk~

 

Quero baixar o seu código, mas não consigo.

Quando clico no link vai pra outra página!

 

Queria muito esse script, pode botar online novamete, ou até mesmo se alguem tiver ai, poderia desponibilizar?

 

Agradeço!

[~TiuTalk~ 7]

Fiz uma mudança de servidor e perdi os arquivos antigos... Irei procurá-los e caso consiga, faço o link voltar a funcionar... :)

[Ringeril 0]

Fiz uma mudança de servidor e perdi os arquivos antigos... Irei procurá-los e caso consiga, faço o link voltar a funcionar... :)

E ai, conseguiu?

 

Abraço!

[~TiuTalk~ 7]

Pronto pessoal, o link já funciona... ^^

[Detros 0]

Opa,

vo da uma sugestãozinha porque esse sistema seu não funcionaria em muitos servers por uso do <?

intao troque o <? por <?php

 

e la em baixo coloque

 

<?php print (show_prog_bar(200, rand(1, 100)));?><br />

<?php print (show_prog_bar(200, rand(1, 100), 'red'));?><br />

<?php print (show_prog_bar(200, rand(1, 100), 'blue', 'black'));?><br />

[O Novato 0]

parece ser interessante, vlw

[_M!K0L_ 1]

Show de bola mesmo :D

vi o script bem legalzinho..

bem feito também...

e organizado éé ;)

[~TiuTalk~ 7]

@edit

Se alguém gostar do script e usá-lo em algum site, não peço creditos, gostaria apenas de ver como ficou... ;)

[ShadowCrow 0]

bunitas as barras... muito criativo...

mais assim...!!! desculpa a ignorância... " onde eu poderia usar elas ~TiuTalk~?

[~TiuTalk~ 7]

Costumo usá-las com resultado de enquetes por exemplo :)

[arthur8 0]

muito bom mesmo amigo, vlw

[guibigheadedd 0]

~TiuTalk~ espero q fique mais vezes sem muito o que fazer, hahahah...

Mt bom e útil este script, vlw msm, http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Will Fernando 2]

Good Job ! Parabens muito bom !

[narizgudo 0]

Achei que era upload com barra d progresso =P

[Jonathan Alencar 0]

Achei mto legal isso

sempre achava aqueles negocios complicados pela internet porém

voce poderia me ajudar em uma pequena coisa..

 

Ex: eu tenho um move_upload_file

 

e queria utilizar nele como implemento?..

 

Abraço!

[pslucasps 2]

Muito legais as barras. Só queria deixar aqui meus agradecimentos ao @~TiuTalk~ porque você é show http://forum.imasters.com.br/public/style_emoticons/default/joia.gif . Acompanho você pelo blog e adoro os posts, principalmente os que tratam de PHP. Além disso já me ajudou algumas vezes aqui no forum. Valeu mesmo, a comunidade de iniciantes e eu agradece http://forum.imasters.com.br/public/style_emoticons/default/grin.gif .

[fmda 0]

gostie muito, parabens, poderia me ajudar em uma coisa, tipo: precisso mudar de em vez de aparecer porcentagem, 68% 30%, queria q mostrasse valor, exmeplo:

 

uma barra fixa 300 pixel, e dentro dela mudaria, se fosse 2500 pontos, apareceria o tamanho da barra maior, se for 320 pontos, menor, porque aqui ela aprece em porcentagem e nao em valor, obrigado