From 201d6ba3e482232d8cb08e335f5e0aa3a518b8a1 Mon Sep 17 00:00:00 2001 From: SR Sajjad Date: Wed, 24 Jul 2019 14:49:19 +0600 Subject: [PATCH 1/2] keep showing progress bar when percent value is/beyond 100 --- src/react-progress.js | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/src/react-progress.js b/src/react-progress.js index 3e609cf..0d2feba 100644 --- a/src/react-progress.js +++ b/src/react-progress.js @@ -16,13 +16,15 @@ export default (props) => { ...props }; - let containerStyle = { - opacity: props.percent < 100 ? 1 : 0, - WebkitTransition: `${props.speed}s opacity`, - transition: `${props.speed}s opacity`, - WebkitTransitionDelay: `${props.percent < 100 ? 0 : props.hideDelay}s`, - transitionDelay: `${props.percent < 100 ? 0 : props.hideDelay}s` - }; + let containerStyle = props.showProgressOnHundred + ? {} + : { + opacity: props.percent < 100 ? 1 : 0, + WebkitTransition: `${props.speed}s opacity`, + transition: `${props.speed}s opacity`, + WebkitTransitionDelay: `${props.percent < 100 ? 0 : props.hideDelay}s`, + transitionDelay: `${props.percent < 100 ? 0 : props.hideDelay}s` + }; let barStyle = { display: 'inline-block', From dc9732b7286c12b0844e676f3328485d6a9fd6b5 Mon Sep 17 00:00:00 2001 From: SR Sajjad Date: Wed, 24 Jul 2019 14:54:58 +0600 Subject: [PATCH 2/2] add new prop `showProgressOnHundred` --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index bd930b8..9619b81 100644 --- a/README.md +++ b/README.md @@ -38,6 +38,7 @@ color | string | rainbow | keyword, hexadecimal, rgb, or hsla percent | number | 0 | 0-100 height | number | 2 | pixels hideDelay | number | .4 | seconds +showProgressOnHundred | boolean | falsy | seconds speed | number | .4 | seconds style | object | {} |