File tree Expand file tree Collapse file tree 4 files changed +24
-3
lines changed Expand file tree Collapse file tree 4 files changed +24
-3
lines changed Original file line number Diff line number Diff line change @@ -6,10 +6,16 @@ Progress bar component for ReactJS.
6
6
7
7
## Installation
8
8
9
+ ### NPM
9
10
``` bash
10
11
npm install --save react-progress-bar-plus
11
12
```
12
13
14
+ ### Bower
15
+ ``` bash
16
+ bower install --save react-progress-bar-plus
17
+ ```
18
+
13
19
## Usage
14
20
15
21
### JS
@@ -34,6 +40,21 @@ require('react-progress-bar-plus/lib/progress-bar.css');
34
40
<link rel =" stylesheet" type =" text/css" href =" path/to/react-progress-bar-plus/lib/progress-bar.css" >
35
41
```
36
42
43
+ ### UMD
44
+
45
+ ``` html
46
+ <link rel =" stylesheet" type =" text/css" href =" path/to/react-progress-bar-plus/dist/progress-bar.css" >
47
+ <script src =" path/to/react-progress-bar-plus/dist/react-progress-bar-plus.js" ></script >
48
+ ```
49
+
50
+ ``` js
51
+ ...
52
+ var ProgressBar = window .ReactProgressBarPlus ;
53
+ ...
54
+ ```
55
+
56
+ Example [ here] ( http://codepen.io/vn38minhtran/pen/QjaZrm )
57
+
37
58
## Props
38
59
| Name | Type | Default | Description |
39
60
| ------| ------| ---------| -------------|
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " react-progress-bar-plus" ,
3
- "version" : " 0.2.0 " ,
3
+ "version" : " 0.2.1 " ,
4
4
"description" : " Progress bar component for ReactJS." ,
5
5
"main" : [" dist/progress-bar.css" , " dist/react-progress-bar-plus.js" ],
6
6
"keywords" : [
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " react-progress-bar-plus" ,
3
- "version" : " 0.2.0 " ,
3
+ "version" : " 0.2.1 " ,
4
4
"description" : " Progress bar component for ReactJS." ,
5
5
"main" : " lib/index.js" ,
6
6
"scripts" : {
Original file line number Diff line number Diff line change @@ -71,7 +71,7 @@ class ProgressBar extends React.Component {
71
71
< div className = { className } >
72
72
< div className = 'react-progress-bar-percent' style = { style } />
73
73
< div className = 'react-progress-bar-spinner' >
74
- < div className = 'react-progress-bar-spinner-icon' > </ div >
74
+ < div className = 'react-progress-bar-spinner-icon' / >
75
75
</ div >
76
76
</ div >
77
77
) ;
You can’t perform that action at this time.
0 commit comments