列表渲染前动画怎么实现的

一个长列表，渲染需要很长时间，中途等待想加个动画不知道怎么弄。还有就是希望每次加载10条，用户上拉才会加载其他的。懒加载只知道图片属性变成data-src用插件。但是还是没解决掉分批加载的目的。求大神指点

---

数据是从后端读的话可以用ajax加载，后端限定多少条就可以
给load时间添加动画效果，加载完成移除掉这个动画就

      $(document).on('ajaxStart', function(){ 
          $('.dimmer').addClass('active');
      }); 
 
      $(document).on('ajaxComplete', function(){ 
          setTimeout(function(){ 
            $('.dimmer').removeClass('active');
         }, 200); 
      });