Fix progress bar direction

2021-04-18 04:25:45 +09:00
parent 0138294b36
commit 755eb1405b
3 changed files with 38 additions and 11 deletions
@@ -84,15 +84,24 @@ body {
 #progress .bar-load,
 #progress .bar-read {
  display: flex;
-  align-items: flex-end;
-  justify-content: flex-end;
  position: absolute;
  top: 0;
-  left: 0;
  bottom: 0;
  transition: width 150ms ease-in-out;
 }

+#progress .from-left {
+  left: 0;
+  align-items: flex-end;
+  justify-content: flex-end;
+}
+
+#progress .from-right {
+  right: 0;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
 #progress .bar-load {
  color: #000;
  background-color: #ccc;