progress demo

pull/22/head
夏奈 10 years ago
parent d2702bf92e
commit c467790b15

@ -10,5 +10,5 @@ Progress Line用法
var Line = antd.Progress.Line; var Line = antd.Progress.Line;
React.render( React.render(
<Line perscent="30" />, document.getElementById('components-progress-demo-line')); <Line percent="30" status="exception" />, document.getElementById('components-progress-demo-line'));
```` ````

@ -7,7 +7,7 @@ var React = require('react');
var Line = React.createClass({ var Line = React.createClass({
getDefaultProps: function(){ getDefaultProps: function(){
return { return {
width: "100px", width: "100%",
percent: 0, percent: 0,
strokeWidth: 1, strokeWidth: 1,
status: "normal" status: "normal"
@ -20,11 +20,11 @@ var Line = React.createClass({
var progressInfo var progressInfo
if(this.props.status==='normal'){ if(this.props.status==='normal'){
progressInfo = ( progressInfo = (
<i className="anticon anticon-check-circle"></i> <span className="ant-progress-line-text">{this.props.percent}%</span>
) )
}else { }else {
progressInfo = ( progressInfo = (
<span className="ant-progress-line-text">{this.props.percent}%</span> <i className="anticon anticon-check-circle"></i>
) )
} }

Loading…
Cancel
Save