diff --git a/components/progress/PropsType.tsx b/components/progress/PropsType.tsx
index f2046cae56..37ca419608 100644
--- a/components/progress/PropsType.tsx
+++ b/components/progress/PropsType.tsx
@@ -10,6 +10,7 @@ interface ProgressProps {
   styles?: any;
   /** web only */
   prefixCls?: string;
+  className?: string;
   appearTransition?: boolean;
 }
 
diff --git a/components/progress/index.web.tsx b/components/progress/index.web.tsx
index 3c7ab388af..7d9bbb1889 100644
--- a/components/progress/index.web.tsx
+++ b/components/progress/index.web.tsx
@@ -24,13 +24,14 @@ export default class Progress extends React.Component<ProgressProps, any> {
     }
   }
   render() {
-    const { prefixCls, position, unfilled, style = {} } = this.props;
+    const { className, prefixCls, position, unfilled, style = {} } = this.props;
     const percentStyle = {
       width: this.noAppearTransition || !this.props.appearTransition ? `${this.props.percent}%` : 0,
       height: 0,
     };
 
     const wrapCls = classNames({
+      [className as string]: className,
       [`${prefixCls}-outer`]: true,
       [`${prefixCls}-fixed-outer`]: position === 'fixed',
       [`${prefixCls}-hide-outer`]: unfilled === 'hide',