none
Barra de progreso con javascript RRS feed

  • Pregunta

  • Hola a todo:

    Estoy  intentando crear una barra de progreso con javascript

    El script es

    function progreso_variosficheros() {
        if (actualprogress >= maxprogress) {
            clearInterval(itv);
            return;
        } actualprogress += 1;
        for (inti = actualprogress; inti <= document.getElementById('ctl00_cphcontenido_hfnpublicaciones').value; inti++) {
            strfichero = document.getElementById('ctl00_cphcontenido_fufichero' + inti).value;
            for (intj = 1 ; intj <= actualprogress; intj++) {
                alert(intj);
                document.getElementById('thporcentaje').innerHTML = '&nbsp;' + actualprogress * 5 + ' % - ' + strfichero.slice(strfichero.lastIndexOf('\\') + 1) + ' -';
                document.getElementById('tdbarra' + intj).style.width = '3px';
                document.getElementById('tdbarra' + intj).style.backgroundColor = '#0000FF';
            }
            for (intj = actualprogress + 1 ; intj <= 20; intj++) {
                document.getElementById('thporcentaje').innerHTML = '&nbsp;' + actualprogress * 5 + ' % - ' + strfichero.slice(strfichero.lastIndexOf('\\') + 1) + ' -';
                document.getElementById('tdbarra' + intj).style.width = '3px';
                document.getElementById('tdbarra' + intj).style.backgroundColor = '#B5CCFF';
            }
        }
    }

    La tabla es

        <div id="dvprogreso" style="display:none"><table id="tbprogreso" class="tablacentradoctro" style="border-spacing:0">
                                <tr>
    	                            <td id="thporcentaje" colspan="20">0 %</td>
                                </tr>
                                <tr>
                                    <td id="tdbarra1">&nbsp;</td><td id="tdbarra2">&nbsp;</td><td id="tdbarra3">&nbsp;</td><td id="tdbarra4">&nbsp;</td><td id="tdbarra5">&nbsp;
                                    </td><td id="tdbarra6">&nbsp;</td><td id="tdbarra7">&nbsp;</td><td id="tdbarra8">&nbsp;</td>
    	                            <td id="tdbarra9">&nbsp;</td><td id="tdbarra10">&nbsp;</td><td id="tdbarra11">&nbsp;</td><td id="tdbarra12">&nbsp;</td>
                                    <td id="tdbarra13">&nbsp;</td><td id="tdbarra14">&nbsp;</td><td id="tdbarra15">&nbsp;</td><td id="tdbarra16">&nbsp;</td><td id="tdbarra17">&nbsp;
                                    </td><td id="tdbarra18">&nbsp;</td><td id="tdbarra19">&nbsp;</td><td id="tdbarra20">&nbsp;</td>
                                </tr>
                            </table>
        </div>

    hfnpublicaciones es el número de fileuploads. fufichero es el fileupload en sí.

    Pero no me lo hace correctamente. Me gustaría que lo probase alguien y me oriente a mejorar el código.

    Gracias de antemano


    • Editado volar.2016 jueves, 19 de noviembre de 2015 17:51
    jueves, 19 de noviembre de 2015 17:49

Respuestas