Loading Image Animation only once <p>I have the following implementation and it is fully functional. I need to show loading animation image first time only, my current implementation it shows loading animation all the time.</p> <pre><code> var theDataSource = new kendo.data.DataSource({ transport: { read: function (op) { setTimeout(function () { op.success(data); }, 4000); } }, group: { field: "series" }, sort: { field: "category", dir: "asc" }, requestStart: function () { kendo.ui.progress($("#loading"), true); }, requestEnd: function () { kendo.ui.progress($("#loading"), false); } }); </code></pre> <h2><strong><a href="http://jsfiddle.net/8xbpws9x/" rel="nofollow">FIDDLE</a></strong></h2>