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;