Loading circle

2019-10-26 11:59:26 -05:00
parent 6028661f00
commit f89577a100
2 changed files with 14 additions and 0 deletions
--- a/consuming.html
+++ b/consuming.html
@@ -12,6 +12,9 @@
    <body>
        <h1 class="green ml4">Consuming Promises</h1>
        <a class="green ml4 pb4" href="./home">Back to home</a>
+        <div class="waiting hidden ml4 pa4">
+            <h2>Waiting...</h2>
+        </div>
        <div class="flex w-50 pa4">
            <button class="bg-green mr2" onclick="get()">Success GET</button>
            <button class="bg-green mr2" onclick="getCatch()">Failed GET</button>
--- a/src/site.css
+++ b/src/site.css
@@ -57,4 +57,15 @@ div.results {

 .purple {
    color: #675BA7
+}
+
+.hidden {
+    display: none;
+}
+
+.waiting {
+    background: #9BC850;
+    position: absolute;
+    top: 47%;
+    width: 50%;
 }