diff --git a/components/upload/UploadList/ListItem.tsx b/components/upload/UploadList/ListItem.tsx
index b94c2f9e88..b61b5fc47a 100644
--- a/components/upload/UploadList/ListItem.tsx
+++ b/components/upload/UploadList/ListItem.tsx
@@ -238,7 +238,11 @@ const ListItem = React.forwardRef(
         <div className={`${prefixCls}-list-item-info`}>{iconAndPreview}</div>
         {actions}
         {showProgress && (
-          <CSSMotion motionName={`${rootPrefixCls}-fade`} visible={file.status === 'uploading'}>
+          <CSSMotion
+            motionName={`${rootPrefixCls}-fade`}
+            visible={file.status === 'uploading'}
+            motionDeadline={2000}
+          >
             {({ className: motionClassName }) => {
               // show loading icon if upload progress listener is disabled
               const loadingProgress =
diff --git a/components/upload/UploadList/index.tsx b/components/upload/UploadList/index.tsx
index c623881fd0..7a12edef8f 100644
--- a/components/upload/UploadList/index.tsx
+++ b/components/upload/UploadList/index.tsx
@@ -178,6 +178,7 @@ const InternalUploadList: React.ForwardRefRenderFunction<unknown, UploadListProp
   // const transitionName = list.length === 0 ? '' : `${prefixCls}-${animationDirection}`;
 
   let motionConfig: Omit<CSSMotionListProps, 'onVisibleChanged'> = {
+    motionDeadline: 2000,
     motionName: `${prefixCls}-${animationDirection}`,
     keys: motionKeyList,
     motionAppear,