elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  progress bar
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: progress bar  (Leído 1,730 veces)
fdap91

Desconectado Desconectado

Mensajes: 17


Ver Perfil
progress bar
« 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... 


En línea

ivancea96


Desconectado Desconectado

Mensajes: 3.412


ASMático


Ver Perfil WWW
Re: progress bar
« Respuesta #1 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>


En línea

fdap91

Desconectado Desconectado

Mensajes: 17


Ver Perfil
Re: progress bar
« Respuesta #2 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
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Dude (work In Progress)
Diseño Gráfico
+ enrique ZP 7 2,993 Último mensaje 29 Julio 2005, 13:34 pm
por wvb
Progress Bar
Programación Visual Basic
juanjoxx 2 1,940 Último mensaje 1 Abril 2006, 23:35 pm
por [VolkS]
Progress Bar ........... No me entero.
Programación Visual Basic
el_trocha 1 1,554 Último mensaje 17 Septiembre 2007, 19:53 pm
por LeandroA
Progress Bar o Gif animado
Java
Alon3 2 4,227 Último mensaje 12 Noviembre 2011, 07:29 am
por 1mpuls0
MegaApiClient error de progress
.NET (C#, VB.NET, ASP)
rigorvzla 2 2,206 Último mensaje 29 Julio 2018, 15:16 pm
por rigorvzla
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines