diff --git a/src/components/member/PercentageView.tsx b/src/components/member/PercentageView.tsx
index e69de29..3a45f74 100644
--- a/src/components/member/PercentageView.tsx
+++ b/src/components/member/PercentageView.tsx
@@ -0,0 +1,17 @@
+import { Box, Flex, Text } from "@radix-ui/themes";
+import { ReactElement } from "react";
+
+export function PercentageView({ percent }: { percent: number }): ReactElement {
+  return (
+    <Box width="100%">
+      <Flex direction="column" gap="1">
+        <Text size="5" align="center">
+          実績解除率
+        </Text>
+        <Text size="9" align="center">
+          {percent}%
+        </Text>
+      </Flex>
+    </Box>
+  );
+}