how do I show animation while loading kendo chart data?

kendo ui chart loading progress

HTML code-sample

<div id="example">
   <div class="demo-section k-content wide sel-chart-wrapper">
       <div id="chart"></div>

JQuery code-sample

 $(function () {
        //Used to display progress.
        kendo.ui.progress($("#chart"), true);

        //Used to hide displayed progress.
        kendo.ui.progress($("#chart"), false);

For Kendo DataSource

  dataSource: {
        requestStart: function () {
            kendo.ui.progress($("#chart"), true);
        requestEnd  : function () {
            kendo.ui.progress($("#chart"), false);



I think, It might help you! thank you!


Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions