From 8af984090f03a4ddb7012ccbea3e6b46084607e7 Mon Sep 17 00:00:00 2001 From: Igor Guastalla de Lima Date: Tue, 4 Dec 2018 12:33:26 -0200 Subject: [PATCH] Added progress indeterminate scss. --- src/components/progress.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/components/progress.scss b/src/components/progress.scss index a0cb727..7a27eab 100644 --- a/src/components/progress.scss +++ b/src/components/progress.scss @@ -68,4 +68,24 @@ color: $progress-bar-bg-color-error; } } + &--indeterminate { + animation: indeterminate 1.200s ease infinite; + will-change: left, width; + background-color: $progress-bar-bg-color; + } +} + +@keyframes indeterminate { + 0% { + width: 30%; + left: 0%; + } + 60% { + width: 65%; + left: 25%; + } + 100% { + left: 100%; + width: 0%; + } }