adf5b5f0e5f7feec6dcf3fec3ddda09018780bc7
[aai/sparky-fe.git] / src / generic-components / progressBar / ProgressBar.jsx
1 /*
2  * ============LICENSE_START=======================================================
3  * org.onap.aai
4  * ================================================================================
5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
6  * Copyright © 2017 Amdocs
7  * ================================================================================
8  * Licensed under the Apache License, Version 2.0 (the "License");
9  * you may not use this file except in compliance with the License.
10  * You may obtain a copy of the License at
11  *
12  *       http://www.apache.org/licenses/LICENSE-2.0
13  *
14  * Unless required by applicable law or agreed to in writing, software
15  * distributed under the License is distributed on an "AS IS" BASIS,
16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17  * See the License for the specific language governing permissions and
18  * limitations under the License.
19  * ============LICENSE_END=========================================================
20  *
21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
22  */
23 import React from 'react';
24
25 class ProgressBar extends React.Component {
26                 static propTypes = {
27                                 label: React.PropTypes.string,
28                                 now: React.PropTypes.string.isRequired
29                 }
30                 
31                 render() {
32                                 let {label, now} = this.props;
33                                 
34                                 return (
35                                                 <div className='progress-bar-view'>
36                                                                 <div className='progress-bar-outside'>
37                                                                                 <div style={{width: now + '%'}} className='progress-bar-inside'></div>
38                                                                 </div>
39                                                                 <div className='progress-bar-view-label'>{label}</div>
40                                                 </div>
41                                 );
42                 }
43 }
44
45 export default ProgressBar;

© 2017 ONAP. Copyright © The Linux Foundation ®. All Rights Reserved.
The Linux Foundation has registered trademarks and uses trademarks.
For a list of trademarks of The Linux Foundation, please see our Trademark Usage page.
Linux is a registered trademark of Linus Torvalds.
Privacy Policy and Terms of Use