Drupal 7 Drupal 7：在加载所有内容之前放置一个加载屏幕

我的Drupal站点需要一段时间才能加载，加载过程中一切看起来都一团糟。所以我选择了一个简单的解决方案，它使用一个加载屏幕和这种解决方案： .
但我不知道如何在Drupal 7中实现它。 你能帮我提供一些线索吗？ 谢谢大家!

.ajax-progress-throbber {
    z-index: 1500;
    border: 2px solid #C0C0C0;
    position: fixed;
    background: url('loader.gif') no-repeat center #ccc !important;
    opacity:0.6;
    padding:20px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    width:100%;
    min-width: 100%;
    height:100%;
    left:0;
    top:0;
  }

我把这段代码放在我的css文件中，使用loader.gif图像，它位于css文件所在的同一文件夹中，并使用该类。基本上，每次触发ajax时，我都使用加载程序映像。你可以根据不同的等级使用它