2 files changed, 25 insertions, 0 deletions
diff --git a/mass-graducation/index.css b/mass-graducation/index.css
index a8790b8..c1c58a8 100644
--- a/mass-graducation/index.css
+++ b/mass-graducation/index.css
@@ -35,6 +35,30 @@
   border-color: #0077ff;
 }
 
+#group-selection-loader {
+  --size: 0.5px;
+  width: calc(48 * var(--size));
+  height: calc(48 * var(--size));
+  border: calc(5 * var(--size)) solid black;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline;
+  position: absolute;
+  top: 20px;
+  right: 0.75rem;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
 #group-selection-list {
   list-style: none;
 }
diff --git a/mass-graducation/index.html b/mass-graducation/index.html
index 7a65745..481be41 100644
--- a/mass-graducation/index.html
+++ b/mass-graducation/index.html
@@ -17,6 +17,7 @@
         placeholder="Klasse"
       />
       <button id="group-selection-clear" style="display: none;">&times;</button>
+      <span id="group-selection-loader" style="display: none;"></span>
     </div>
     <ul id="group-selection-list">
     </ul>