diff --git a/components/progress/demo/line.md b/components/progress/demo/line.md
index d92731b45c..3c4f30bd6b 100644
--- a/components/progress/demo/line.md
+++ b/components/progress/demo/line.md
@@ -10,5 +10,5 @@ Progress Line用法
 var Line = antd.Progress.Line;
 
 React.render(
-  <Line perscent="30" />, document.getElementById('components-progress-demo-line'));
+  <Line percent="30" status="exception" />, document.getElementById('components-progress-demo-line'));
 ````
diff --git a/components/progress/index.jsx b/components/progress/index.jsx
index f7a9ed9a72..0cc28dc24b 100644
--- a/components/progress/index.jsx
+++ b/components/progress/index.jsx
@@ -7,7 +7,7 @@ var React = require('react');
 var Line = React.createClass({
   getDefaultProps: function(){
     return {
-      width: "100px",
+      width: "100%",
       percent: 0,
       strokeWidth: 1,
       status: "normal"
@@ -20,11 +20,11 @@ var Line = React.createClass({
     var progressInfo
     if(this.props.status==='normal'){
       progressInfo = (
-        <i className="anticon anticon-check-circle"></i>
+        <span className="ant-progress-line-text">{this.props.percent}%</span>
       )
     }else {
       progressInfo = (
-        <span className="ant-progress-line-text">{this.props.percent}%</span>
+        <i className="anticon anticon-check-circle"></i>
       )
     }