Actualizar dinamicamente Progressbar de jquery

Pax-Man · #1 (**permalink**) 02/01/2010, 16:04

Actualmente estoy trabajando con el Progressbar de JQUERY... pero me es imposible realizar una actualizacion dinamica... estuve intentado a base de codigo php pero me es imposible...

Código HTML:

Ver original<!doctype html>
<html lang="en">
<head>
    <title>jQuery UI Progressbar - Animated</title>
    <link type="text/css" href="ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="ui.core.js"></script>
    <script type="text/javascript" src="ui.progressbar.js"></script>
 
    <link type="text/css" href="demos.css" rel="stylesheet" />
    <style type="text/css">
        .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
    </style>
    <script type="text/javascript">
    $(function() {
        $("#progressbar").progressbar({
            value: 0
        });
    });
    </script>
</head>
<body>
<div class="demo">
 
<div id="progressbar"></div>
 
</div>
</body>
</html>
<?php
$intMax = 10000;
$intCount = 0;
while ( $valor <= 100 ) {
    $valor = ($intCount++ * 100 / $intMax );
        // Realizar alguna tarea
        // Parsear datos de una DB
        // Logica de negocios o algo
        // Luego actualizar el porcentaje
    echo "<script type=\"text/javascript\">";
    echo "$(function() {";
    echo "$(\"#progressbar\").progressbar('option', 'value', $valor);";
    echo "});";
    echo "</script>";
    flush();
        usleep( 10000 );
}
?>

Peroa realmente no he logrado ese efecto de animacion de la barra de progreso, me gustaria saber si alguien ah logrado usarla durante la ejecucion de cierto progreso, en internet el uso mas frecuente que le condigo es cuando lo usan para el upload de un archivo pero para este uso del porcentaje de una tarea especifica no he conseguido documentacion...

Con el siguiente codigo podria actualizar el valor pero este se muestra solo al final de la tarea..

Código Javascript:

Ver original<script type="text/javascript">
    $(function() {
        $("#progressbar").progressbar('option', 'value', 0);
    });
    </script>

Si alguien tiene alguna experiencia con este uso se lo agradeceria muchisimo...
Dejo el codigo preciso que estoy intentando por si alguien desea ayudarme...

http://bit.ly/4ZpZWb

Dejo este tema aqui por que imagino que ya mi error no es de php, sino de las llamadas en ajax para actualizar el progressbar...

Pax-Man · #2 (**permalink**) 08/01/2010, 14:06

Alguien tiene alguna opcion?

rs1964 · #3 (**permalink**) 03/06/2010, 10:52

si todavia no lo has solucionado o quieres saber mas, mirar este link [URL="http://t.wits.sg/jquery-progress-bar/"]http://t.wits.sg/jquery-progress-bar/[/URL] , es muy interesante.

rs1964 · #4 (**permalink**) 03/06/2010, 10:54

[URL="http://t.wits.sg/jquery-progress-bar/"]http://t.wits.sg/jquery-progress-bar/[/URL]