From a0e5a5b16dd9ddb98105790dbfe0072295974b5f Mon Sep 17 00:00:00 2001
From: yuki540 <tabletennis540@gmail.com>
Date: Wed, 21 Feb 2018 14:17:44 +0900
Subject: [PATCH] =?UTF-8?q?update:=20=E3=83=97=E3=83=AD=E3=82=B0=E3=83=AC?=
 =?UTF-8?q?=E3=82=B9=E3=83=90=E3=83=BC=E3=81=AB=E3=82=B9=E3=82=BF=E3=82=A4?=
 =?UTF-8?q?=E3=83=AB=E3=82=92=E9=81=A9=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/scss/modules/pc/load-view.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/scss/modules/pc/load-view.scss b/src/scss/modules/pc/load-view.scss
index 1247017..3e66767 100644
--- a/src/scss/modules/pc/load-view.scss
+++ b/src/scss/modules/pc/load-view.scss
@@ -370,6 +370,24 @@
         .block:nth-child(6) { animation: load-view__block2 0.5s ease 0.5s forwards; }
         .block:nth-child(7) { animation: load-view__block1 0.5s ease 0.6s forwards; }
       }
+
+      /*** progress-bar ***/
+      #progress-bar {
+        position: absolute;
+        bottom: 20px; left: 100px;
+        width: calc(100% - 200px); height: 30px;
+        border: solid 3px #fff;
+        box-sizing: border-box;
+        border-radius: 20px;
+        padding: 5px;
+
+        div {
+          width: 0%; height: 100%;
+          border-radius: 10px;
+          background-color: #fff;
+          transition: all 0.5s ease 0s;
+        }
+      }
     }
   }