progress bar

fdap91 · 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...

ivancea96 · 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 (javascript) [Seleccionar]

<head>
    <script>
    var prog = 0;
    function change(){
        ++prog;
        document.getElementById("progress").style.width=prog+"%";
    }
    
    setInterval(change,100);
    </script>
</head>

<body>
    <table style="width:300px; height:20px;">
        <tr>
            <td id="progress" style="background-color:red;width:25%;"></td>
            <td style="background-color:yellow;"></td>
        </tr>
    </table>
</body>

fdap91 · 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

Test Foro de elhacker.net SMF 2.1

progress bar

fdap91

ivancea96

fdap91