From 527232799ba05ab55c6fed5f8fb4fc21f5b31316 Mon Sep 17 00:00:00 2001 From: Andrew Bui Date: Sun, 13 Nov 2016 16:15:09 -0800 Subject: [PATCH] Updated Progress Indicator --- bin/progressIndicatorStyling.css | 9 ++++----- src/components/ProgressIndicator.js | 4 +++- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/bin/progressIndicatorStyling.css b/bin/progressIndicatorStyling.css index a7aab96..a38fb34 100644 --- a/bin/progressIndicatorStyling.css +++ b/bin/progressIndicatorStyling.css @@ -9,15 +9,14 @@ height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; - } @-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); m } + 0% {-webkit-transform: rotate(0deg);} + 100% {-webkit-transform: rotate(360deg);} } @keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } + 0% {transform: rotate(0deg);} + 100% {transform: rotate(360deg);} } \ No newline at end of file diff --git a/src/components/ProgressIndicator.js b/src/components/ProgressIndicator.js index b5818c2..d7064dc 100644 --- a/src/components/ProgressIndicator.js +++ b/src/components/ProgressIndicator.js @@ -1,7 +1,9 @@ import React from 'react'; const ProgressIndicator = () => ( -
+
); +ProgressIndicator.displayName = 'ProgressIndicator'; + export default ProgressIndicator;