Ajax Layer JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Ajax Layer
  4. Horizontal and vertical ProgressBar with image indicator


DynAPI Examples - ProgressBar


  dynapi.library.setPath('./dynapisrc/');
  dynapi.library.include('dynapi.api');
  dynapi.library.include('ProgressBar');


  var hpb = new ProgressBar('horz',250,100,200,20,20);
  var vpb = new ProgressBar('vert',200,100,20,150,20);
  var ipb = new ProgressBar('horz',250,150,200,20,20);
  ipb.setLocalStyleAttribute('imageBar',dynapi.functions.getImage('./dynapiexamples/images/pbar.gif'));
  dynapi.document.addChild(hpb);
  dynapi.document.addChild(vpb);
  dynapi.document.addChild(ipb);
  var i=0;
  function startLoop(v){
    if(v!=null) i=v;
    hpb.setValue(i)
    vpb.setValue(i)
    ipb.setValue(i)
    i++;
    if(i<=100)setTimeout('startLoop()',100)
    status=hpb.getValue();
    return false;
  }



Start



           
       
dynapi.zip( 791 k)