chore: progress 기본 스타일을 지정

codesquad-issue-team-05 · Aug 14, 2023 · 1ad784c · 1ad784c
1 parent 94dc462
commit 1ad784c
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/frontend/src/style/Global.ts b/frontend/src/style/Global.ts
@@ -9,6 +9,26 @@ const GlobalStyle = createGlobalStyle`
     background: ${({ theme }) => theme.color.neutral.surface.default};
   }
 
+  progress {
+    appearance: none;
+    -webkit-appearance: none;
+    border: none;
+    color: #6b6b6b;
+    height: 8px;
+    width: 100%;
+  }
+
+  ::-webkit-progress-bar {
+      background-color: #EFF0F6;
+      border-radius: 4px;
+      box-shadow: none;
+  }
+
+  ::-webkit-progress-value {
+      background-color: #007AFF;
+      border-radius: 4px;
+  }
+
   .blind {
     width: 1px;
     height: 1px;