commit 3559304f98ec05adda43af0035cc9608cf6314af
author Dixsie Wolmers <dixsie@ibm.com> Fri Jul 17 09:38:12 2020 -0500
committer Derick Montague <derick.montague@ibm.com> Tue Jul 21 04:01:56 2020 +0000
tree beeec19a6fe6b59387ed40929a5d4339ee6e25e7
parent 01da81870818c364a67d9ba97ca84aec9afbcc4d

Update LoadingBar component

Adds "striped" and "animated" prop to loading
component to improve user experience when
saving or loading on a page.

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ie1c3c253172486a5915cdc79952271bad846cfde

src/components/Global/LoadingBar.vue

diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue
index ee33340..d1736d6 100644
--- a/src/components/Global/LoadingBar.vue
+++ b/src/components/Global/LoadingBar.vue
@@ -2,6 +2,8 @@
   <transition name="fade">
     <b-progress v-if="!isLoadingComplete" height="0.4rem">
       <b-progress-bar
+        striped
+        animated
         :value="loadingIndicatorValue"
         :aria-label="$t('global.ariaLabel.progressBar')"
       />