diff --git a/app/templates/ha_cluster.html b/app/templates/ha_cluster.html
index b169843c..58a5fdf3 100644
--- a/app/templates/ha_cluster.html
+++ b/app/templates/ha_cluster.html
@@ -184,6 +184,16 @@
 <div id="dialog-confirm" style="display: none;">
     <p><span class="ui-icon ui-icon-alert" style="float:left; margin:3px 12px 20px 0;"></span>{{lang.phrases.are_you_sure}}</p>
 </div>
+<div id="server_creating1" style="display: none;" title="{{lang.phrases.creating_ha}}">
+    <ul style="padding: 20px 20px 0px 20px;font-size: 15px;" id="server_creating_list"></ul>
+    <div id="created-mess" class="alert alert-success" style="display:none;"></div>
+    <div id="creating-error" class="alert alert-danger" style="display:none;"></div>
+    <div id="creating-warning" class="alert alert-warning" style="display:none;"></div>
+    <div id="wait-mess"></div>
+    <div class="progress-bar-striped">
+        <div id="creating-progress" style="width: 5%;"></div>
+    </div>
+</div>
 <script>
     {% for cluster in clusters %}
         getHaCluster('{{cluster.id}}');