using jquery UI progresssbar

[HarryDeBoer]

Hi,

what are the steps to invoke a(n jquery UI) progressbar to an appliacation. I can't quite figure out how to attach it to an element and how to use it. I need to show a progressbar on importing data from a csv file.

Regards, Harry

[Jon]

Harry,

I haven't actually used a jQuery progress bar, but the basics look simple enough: add a Panel Control to the page - this will give you a <div> - and give it an id, say "progressbar" using Html Element Properties. Then add a jQuery ready event to the Panel Control to set up the progress bar, again using Html Element Properties e.g.

Code: Select all

$( "#progressbar" ).progressbar({
  value: 37
});

Above example taken from the jQuery UI online documentation.

So this should set up your progress bar. I imagine that the tricky part is going to be updating it with the progress and finally getting rid of it. I think the logic to do this must be driven from the client e.g. set up a Javascript timer to wake up every second or so, call the server using the client API $eb... and retrieve the current progress. When it's finished, call the server again and hide the Panel Control, or something similar to get rid of the progress bar. And then finally cancel the timer.

Sorry not to provide something more specific. Maybe someone else has actually done this?

Regards
Jon