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:
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?
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?