diff --git a/2.1.0/demo/index.html b/2.1.0/demo/index.html
index ce14cc1..9196108 100644
--- a/2.1.0/demo/index.html
+++ b/2.1.0/demo/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="http://a.tbcdn.cn/s/kissy/1.3.0/css/dpl/??base-min.css">
     <style type="text/css">
         ol{
-            width:950px;
+            width:500px;
         }
     </style>
 <script>var S = KISSY;S.config({packages:[{name:"kg",path:"http://g.tbcdn.cn/kg/",charset:"utf-8",ignorePackageNameInUri:true}]});if (S.Config.debug){var srcPath = "../";S.config({packages:[{name:"kg/stepbar/2.1.0",path:srcPath,charset:"utf-8",ignorePackageNameInUri:true}]});}</script></head>
@@ -60,7 +60,7 @@ <h4>示例3：监听激活后、改变颜色后事件</h4>
             ]
         });
     }
-    S.use('node,kg/stepbar/2.1.0/index,kg/stepbar/2.1.0/stepbar.css', function (S,Node,Stepbar) {
+    S.use('node,../index,kg/stepbar/2.1.0/stepbar.css', function (S,Node,Stepbar) {
         var $ = Node.all;
         //示例1
         var step1 = new Stepbar('#steps-demo-1');
diff --git a/2.1.0/index.js b/2.1.0/index.js
index 791c04e..ac75f4b 100644
--- a/2.1.0/index.js
+++ b/2.1.0/index.js
@@ -114,7 +114,8 @@ KISSY.add(function (S,Node, Base) {
                 var ret = containerWidth % itemLen;
                 width = Number( (containerWidth - ret) / itemLen);
             }
-            $steps.width(width);
+			for(var i = 0;i<itemLen;i++)
+				$steps[i].width(width);
 
             if (ret) {
               $steps.item(itemLen - 1).width(width + ret);