Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: fdap91 en 23 Octubre 2014, 17:19 pm


Título: progress bar
Publicado por: fdap91 en 23 Octubre 2014, 17:19 pm
Buenas alguien tiene algun ejemplo de una progress bar con jquery que valla avanzando y al estar done la funcion desaparesca y aparezca la info... 

Título: Re: progress bar
Publicado por: ivancea96 en 23 Octubre 2014, 17:44 pm
No es jQuery, pero quizás te valga esto: Una tabla, e ir aumentando el tamaño de un <td>.

Código
  1. <head>
  2.     <script>
  3.     var prog = 0;
  4.     function change(){
  5.         ++prog;
  6.         document.getElementById("progress").style.width=prog+"%";
  7.     }
  8.  
  9.     setInterval(change,100);
  10.     </script>
  11. </head>
  12.  
  13. <body>
  14.     <table style="width:300px; height:20px;">
  15.         <tr>
  16.             <td id="progress" style="background-color:red;width:25%;"></td>
  17.             <td style="background-color:yellow;"></td>
  18.         </tr>
  19.     </table>
  20. </body>

Título: Re: progress bar
Publicado por: fdap91 en 23 Octubre 2014, 17:55 pm
bueno como uso el framework de bootstrap el trae una progress bar la cosas es que para hacer que esta se incremente uno tiene que calcular un tiempo q con cambios en la banda ancha quizas no es el optimo y ps quisiera hacerlo en tiempo real nuc, quizas calcular cuanto se tardara en devolver la respuesta de ese post y de ay hacer el cambio de valor en la progress bar


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines