feat: #15 profile/edit 공통 프로그래스바 UI

src/features/profile/edit/components/ProfileProgress.tsx

@@ -0,0 +1,30 @@
+interface ProfileProgressProps {
+  progress: number // 1~100% 사이의 수치
+}
+
+export default function ProfileProgress() {
+  return (
+    <div className="mb-4 flex h-[4.43rem] w-[17.5rem] flex-col gap-4 rounded-lg border border-grey40 px-[0.94rem] py-[0.75rem]">
+      <div className="mb-1 text-xs text-grey80">프로필 완성도</div>
+      <div className="relative h-1.5 rounded-full bg-grey40">
+        {/* 시작 지점 동그라미 */}
+        <div className="absolute left-0 top-1/2 h-3 w-3 -translate-y-1/2 transform rounded-full bg-blue-500"></div>
+
+        {/* 프로그레스 바 */}
+        <div
+          className="absolute h-1.5 rounded-full bg-gradient-to-r from-blue-500 to-teal-400"
+          style={{ width: `50%` }}
+        ></div>
+
+        {/* 완료 지점 도형 (마름모 모양) */}
+        <div
+          className="absolute top-1/2 h-3 w-3 -translate-y-1/2 rotate-45 transform bg-teal-400"
+          style={{ left: `calc(50% - 0.375rem)` }}
+        ></div>
+
+        {/* 끝 지점 동그라미 */}
+        <div className="absolute right-0 top-1/2 h-3 w-3 -translate-y-1/2 transform rounded-full bg-grey40"></div>
+      </div>
+    </div>
+  )
+}