()
| 28 | } |
| 29 | |
| 30 | render() { |
| 31 | const {value} = this.state; |
| 32 | return ( |
| 33 | <div> |
| 34 | <h3>Progress</h3> |
| 35 | <ol style={{'width': '80%'}}> |
| 36 | <li> |
| 37 | <h4>Default progress</h4> |
| 38 | <Progress value={value}/> |
| 39 | <h2> |
| 40 | <a href="javascript:;" onClick={this.handleMinus.bind(this)}>-</a> |
| 41 | <span> </span> |
| 42 | <a href="javascript:;" onClick={this.handlePlus.bind(this)}>+</a> |
| 43 | </h2> |
| 44 | <pre> |
| 45 | <code> |
| 46 | {`<Progress value={value}/>`} |
| 47 | </code> |
| 48 | </pre> |
| 49 | </li> |
| 50 | <li> |
| 51 | <h4>Animated progress</h4> |
| 52 | <Progress value={40} status="active"/> |
| 53 | <pre> |
| 54 | <code> |
| 55 | {`<Progress value={40} status="active"/>`} |
| 56 | </code> |
| 57 | </pre> |
| 58 | </li> |
| 59 | <li> |
| 60 | <h4>Completed progress</h4> |
| 61 | <Progress value={100}/> |
| 62 | <pre> |
| 63 | <code> |
| 64 | {`<Progress value={100}/>`} |
| 65 | </code> |
| 66 | </pre> |
| 67 | </li> |
| 68 | <li> |
| 69 | <h4>Failed progress</h4> |
| 70 | <Progress value={30} status="failed"/> |
| 71 | <pre> |
| 72 | <code> |
| 73 | {`<Progress value={30} status="failed"/>`} |
| 74 | </code> |
| 75 | </pre> |
| 76 | </li> |
| 77 | <li> |
| 78 | <h4>Disabled progress</h4> |
| 79 | <Progress value={30} disabled={true}/> |
| 80 | <pre> |
| 81 | <code> |
| 82 | {`<Progress value={30} disabled={true}/>`} |
| 83 | </code> |
| 84 | </pre> |
| 85 | </li> |
| 86 | <li> |
| 87 | <h4>Yield context</h4> |
nothing calls this directly
no outgoing calls
no test coverage detected