diff --git a/frontend/src/renderer/components/ProgressBar.jsx b/frontend/src/renderer/components/ProgressBar.jsx
new file mode 100644
index 0000000..36184d3
--- /dev/null
+++ b/frontend/src/renderer/components/ProgressBar.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { Progress } from 'antd';
+
+function ProgressBar({ percent, status = 'active', showInfo = true }) {
+  return (
+    <Progress 
+      percent={percent} 
+      status={status} 
+      showInfo={showInfo}
+      strokeColor={{
+        '0%': '#108ee9',
+        '100%': '#87d068',
+      }}
+    />
+  );
+}
+
+export default ProgressBar;