diff --git a/main/static/css/styles.css b/main/static/css/styles.css index b392f3e..53fbbdf 100644 --- a/main/static/css/styles.css +++ b/main/static/css/styles.css @@ -19,3 +19,43 @@ img.pb { max-width: 2rem; height: auto; } + +.load_body{ + position: absolute; + top: 50%; + left: 45%; + transform: translate(-50%,-50%); + background-color: #2a9d8f; +} +.progress{ + position: relative; + height: 10px; + width: 1110%; + border: 10px solid #f4a261; + border-radius: 15px; +} +.progress .color{ + position: absolute; + background-color: #ffffff; + width: 0px; + height: 10px; + border-radius: 15px; + animation: progres 4s infinite linear; +} +@keyframes progres{ + 0%{ + width: 0%; + } + 25%{ + width: 50%; + } + 50%{ + width: 75%; + } + 75%{ + width: 85%; + } + 100%{ + width: 100%; + } +}; \ No newline at end of file diff --git a/main/templates/main/base.html b/main/templates/main/base.html index 6a7185e..f6cfa5f 100644 --- a/main/templates/main/base.html +++ b/main/templates/main/base.html @@ -51,7 +51,11 @@ - +