templates/base.html

<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>AdminSet</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    {% include 'link_css.html' %}
    {% include 'head_script.html' %}
    {% block self_head_css_js %} {% endblock %}
<script>
    $(document).ready(function(){
    $('.loading').fadeOut();
});
</script>
</head>
<body class="hold-transition skin-yellow-light sidebar-mini">
<div class="loading"></div>
<div class="wrapper">

  <!-- Main Header -->

  {% include temp_name %}
<script type="text/javascript">
    $('.loading').animate({'width':'10%'},50);  //第一个进度节点
</script>
  <!-- Left side column. contains the logo and sidebar -->
  {% include 'main-sidebar.html' %}

<script type="text/javascript">
    $('.loading').animate({'width':'25%'},50);  //第一个进度节点
</script>
  <!-- Content Wrapper. Contains page content -->
    {% block content %}{% endblock %}
  <!-- /.content-wrapper -->
<script type="text/javascript">
    $('.loading').animate({'width':'60%'},50);  //第一个进度节点
</script>
  <!-- Main Footer -->
  {% include 'footer.html' %}
<script type="text/javascript">
    $('.loading').animate({'width':'100%'},50);  //第一个进度节点
</script>
  <!-- Control Sidebar -->
  {% include 'control-sidebar.html' %}

  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

</body>
{% block self_footer_js %} {% endblock %}
</html>