summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/src/nfvo-components/progressBar/ProgressBar.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'openecomp-ui/src/nfvo-components/progressBar/ProgressBar.jsx')
-rw-r--r--openecomp-ui/src/nfvo-components/progressBar/ProgressBar.jsx22
1 files changed, 22 insertions, 0 deletions
diff --git a/openecomp-ui/src/nfvo-components/progressBar/ProgressBar.jsx b/openecomp-ui/src/nfvo-components/progressBar/ProgressBar.jsx
new file mode 100644
index 0000000000..d786aeef8b
--- /dev/null
+++ b/openecomp-ui/src/nfvo-components/progressBar/ProgressBar.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+class ProgressBar extends React.Component {
+ static propTypes = {
+ label: React.PropTypes.string,
+ now: React.PropTypes.string.isRequired
+ }
+ render() {
+ let {label, now} = this.props;
+
+ return(
+ <div className='progress-bar-view'>
+ <div className='progress-bar-outside'>
+ <div style={{width: now + '%'}} className='progress-bar-inside'></div>
+ </div>
+ <div className='progress-bar-view-label'>{label}</div>
+ </div>
+ );
+ }
+}
+
+export default ProgressBar;