diff --git a/src/Dialog/Content/Panel.tsx b/src/Dialog/Content/Panel.tsx
index cb4d1eab..605563bc 100644
--- a/src/Dialog/Content/Panel.tsx
+++ b/src/Dialog/Content/Panel.tsx
@@ -46,6 +46,7 @@ const Panel = React.forwardRef<ContentRef, PanelProps>((props, ref) => {
     height,
     classNames: modalClassNames,
     styles: modalStyles,
+    loading,
   } = props;
 
   // ================================= Refs =================================
@@ -130,16 +131,22 @@ const Panel = React.forwardRef<ContentRef, PanelProps>((props, ref) => {
       className={classNames(`${prefixCls}-content`, modalClassNames?.content)}
       style={modalStyles?.content}
     >
-      {closerNode}
-      {headerNode}
-      <div
-        className={classNames(`${prefixCls}-body`, modalClassNames?.body)}
-        style={{ ...bodyStyle, ...modalStyles?.body }}
-        {...bodyProps}
-      >
-        {children}
-      </div>
-      {footerNode}
+      {loading ? (
+        loading
+      ) : (
+        <>
+          {closerNode}
+          {headerNode}
+          <div
+            className={classNames(`${prefixCls}-body`, modalClassNames?.body)}
+            style={{ ...bodyStyle, ...modalStyles?.body }}
+            {...bodyProps}
+          >
+            {children}
+          </div>
+          {footerNode}
+        </>
+      )}
     </div>
   );
 
diff --git a/src/IDialogPropTypes.tsx b/src/IDialogPropTypes.tsx
index 61ce71d7..ded7e9d8 100644
--- a/src/IDialogPropTypes.tsx
+++ b/src/IDialogPropTypes.tsx
@@ -66,4 +66,6 @@ export type IDialogPropTypes = {
 
   // Refs
   panelRef?: React.Ref<HTMLDivElement>;
+
+  loading?: React.ReactNode;
 };