Javascript 加载动画图像实现

我有以下实现，它工作正常，功能正常。不过，我想添加一个加载动画设置为4秒

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

---

我遇到了以下问题，但我无法找到使其工作的方法。

您需要将数据读取延迟4秒：

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);
     }
});

---

更新非常感谢Ezanker，我想知道如何实现与以下@andreabander相同的加载动画，因为图像来自k-loading-image类。在您的小提琴中，它来自您选择的主题kendo.material.min.css。您可以覆盖背景图像，并从您喜欢的默认主题中获取该图像。@AndreaBanderas您可以在这里找到默认图像：非常感谢Ezanker。我真的很感谢你们的帮助。我知道我需要显示加载动画图像第一次当我初始化数据；然而，我怎样才能实现持久性，而不是每次都显示正在加载的动画？