How to Show a busy animation for longer non-ajax calls?

[fbaptiste]

I have a function that's running a 2-3 second long operation on the client (no ajax calls).
I'm trying to show a "Busy/Processing" animation while this operation is running as follows:

var ajaxContainer = $('.elementClass');
kendo.ui.progress(ajaxContainer, true);

// long operation here

kendo.ui.progress(ajaxContainer, false);


but this does not work as expected. the result that i get is that the operation runs without showing the progress. although it does show when the operation ends.

closest sample i could find online is for progress that's updated based on button clicks, but this is not really my case
http://jsfiddle.net/bundyo/64CRY/31/

How can i achieve this correctly using kendo UI?

[Dimo]

Hello Fred,

Does the .elementClass element meets the two requirements stated in the documentation?

http://docs.telerik.com/kendo-ui/api/web/ui#methods-progress

You can call

kendo.ui.progress(ajaxContainer, true);

without executing the long operation and use a DOM inspector to see what is wrong with the loading indicator's display.

Regards,
Dimo
Telerik