Autor Tópico: Exemplo de código - barra de progresso  (Lida 10778 vezes)

ronaldobraz

  • Iniciante
  • **
  • Mensagens: 67
    • Email
Exemplo de código - barra de progresso
« Online: Março 17, 2011, 08:52:47 am »
Alguns usuários (eu também) já solicitaram esse recurso no scriptcase e como
já procurei na net algo parecido com a progressbar do delphi e encontrei várias
soluções mas todas muitos complexas para serem adaptadas para minha necessidade
que é fazer um loop em uma tabela e ir mostrando o progresso desse loop
ai conversando com um amigo ele me passou um código bem simples que vou
disponibilizar para mim funcionou que é uma beleza fica ai para os amigos que
quizerem é só copiar e colar... rsrsrs

?>
<div style='border:1px solid red; width:200px; height:20px'>
    <div id='div_progress' style='background-color:red; width:1px; height:20px'>
    </div>
</div>
<?php
for($i = 1; $i <= 10; $i++) {
    $p = (200 / 10) * $i;
    sleep(1);
?>
    <script language='javascript'>
        document.getElementById('div_progress').style.width = '<?php echo $p; ?>px';
    </script>   
<?php   
    echo "<span style='display:none'>". str_repeat('x', 255)."</span>";
    flush();       
}

Neste exemplo esta sendo utilizado um for mas pode-se mudar para um loop.

Abraços aos amigos.

Ronaldo Braz Rosa.'.
"Junte-se aos bons e serás um deles..."

Cleyton Euler

  • Expert
  • *****
  • Mensagens: 1149
    • Associação de Usuários Scriptcase
    • Email
Re: Exemplo de código - barra de progresso
« Responder #1 Online: Março 21, 2011, 04:45:30 pm »
Valeu pela dica Ronaldo!!!
Associação de Usuários Scriptcase
http://www.auscriptcase.com.br

Consultoria Scriptcase Versão 5
http://www.infinitusweb.com.br

Haroldo

  • Expert
  • *****
  • Mensagens: 6293
  • Conhecimento diminui limitações.△TFA△
    • Infinitus Web Gestão Empresarial/Gestão ITIL/Consultoria Scriptcase
Re:Exemplo de código - barra de progresso
« Responder #2 Online: Janeiro 16, 2012, 11:03:31 am »
No portal Scriptcase Ajax criei um exemplo de barra de progresso.

http://iw.servehttp.com/sc/iw/app/Publico/Teste_relogio/Teste_relogio.php
« Última modificação: Janeiro 16, 2012, 01:40:43 pm por [Infinitus Web 2.0] Haroldo »

ronaldobraz

  • Iniciante
  • **
  • Mensagens: 67
    • Email
Re:Exemplo de código - barra de progresso
« Responder #3 Online: Janeiro 16, 2012, 02:21:44 pm »
Caro colega Aroldo,

Poderia colocar o código que você utilizou e detalhar como você fez...

Outro detalhe tentei me cadastrar no seu site www.scriptcaseajax.com.br várias vezes
mas quando vou gravar da-se a seguinte mensagem: "Não parece ser um endereço de e-mail válido"

O meu email é da UOL o que poderá estar acontecendo?

Desde já obrigado pela atenção.

Ronaldo Braz Rosa.

Haroldo

  • Expert
  • *****
  • Mensagens: 6293
  • Conhecimento diminui limitações.△TFA△
    • Infinitus Web Gestão Empresarial/Gestão ITIL/Consultoria Scriptcase
Re:Exemplo de código - barra de progresso
« Responder #4 Online: Janeiro 16, 2012, 04:43:07 pm »
Se sua conta estiver pedindo confirmação não vai mesmo, vou liberar pelo admin do portal.

Caro colega Aroldo,

Poderia colocar o código que você utilizou e detalhar como você fez...

Outro detalhe tentei me cadastrar no seu site www.scriptcaseajax.com.br várias vezes
mas quando vou gravar da-se a seguinte mensagem: "Não parece ser um endereço de e-mail válido"

O meu email é da UOL o que poderá estar acontecendo?

Desde já obrigado pela atenção.

Ronaldo Braz Rosa.

rleandrob

  • Novato
  • *
  • Mensagens: 12
    • Email
Re:Exemplo de código - barra de progresso
« Responder #5 Online: Janeiro 17, 2012, 03:28:21 pm »
Sugestão aos colegas.

Eu usei o Uploadify que é um Plugin Jquery gratuito para implementar barra de progresso. Funciona muito bem mostrando fielmente o progresso do download ou upload. Mostra graficamente e numericamente os kbytes. Também pode ser customizado.

abs

rafafolhape

  • Novato
  • *
  • Mensagens: 1
Re:Exemplo de código - barra de progresso
« Responder #6 Online: Agosto 14, 2012, 10:04:36 am »
ronaldobraz, em qual evento você conseguiu rodar o script ?

Almeida

  • Expert
  • *****
  • Mensagens: 610
    • Email
Re:Exemplo de código - barra de progresso
« Responder #7 Online: Agosto 14, 2012, 10:13:28 am »
Quando utilizei essa dica do Ronaldo Braz, usei no onValidate.

Att.
Eliezer Almeida
eliezeralmeidago@hotmail.com
www.infotecsoft.com.br - Modernidade e Eficiência

Vieira

  • Intermediário
  • ***
  • Mensagens: 104
  • O tempo é a chave.
    • Email
Re:Exemplo de código - barra de progresso
« Responder #8 Online: Agosto 14, 2012, 10:13:58 am »
consegui implementar o Uploadify para o caso de upload de arquivos não sei se este é seu caso...
Att. Vieira
vieirasantosn@gmail.com
skype: vieirasantosn / vieirasantosn@gmail.com
gtalk: vieirasantosn