- 标签一
- 标签二
- 标签三
- 标签一
- 标签二
- 标签三
- 标签三
- 标签四
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/package.json b/package.json
index 31e16913..334df59b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "iview",
- "version": "0.0.17",
+ "version": "0.0.18",
"title": "iView",
"description": "A high quality UI components Library with Vue.js",
"homepage": "http://www.iviewui.com",
diff --git a/styles/components/index.less b/styles/components/index.less
index bd2296f6..3110418b 100644
--- a/styles/components/index.less
+++ b/styles/components/index.less
@@ -13,4 +13,5 @@
@import "checkbox";
@import "switch";
@import "input-number";
-@import "tag";
\ No newline at end of file
+@import "tag";
+@import "loading-bar";
\ No newline at end of file
diff --git a/styles/components/loading-bar.less b/styles/components/loading-bar.less
new file mode 100644
index 00000000..d02af376
--- /dev/null
+++ b/styles/components/loading-bar.less
@@ -0,0 +1,22 @@
+@loading-bar-prefix-cls: ~"@{css-prefix}loading-bar";
+
+.@{loading-bar-prefix-cls} {
+ width: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: @zindex-loading-bar;
+
+ &-inner {
+ .transition(width @transition-time linear);
+
+ &-color-primary {
+ background-color: @primary-color;
+ }
+
+ &-failed-color-error {
+ background-color: @error-color;
+ }
+ }
+}
\ No newline at end of file
diff --git a/styles/themes/default/custom.less b/styles/themes/default/custom.less
index e6f8c69d..4461082a 100644
--- a/styles/themes/default/custom.less
+++ b/styles/themes/default/custom.less
@@ -104,6 +104,7 @@
@zindex-spin : 8;
@zindex-message : 1010;
@zindex-notification : 1010;
+@zindex-loading-bar : 2000;
// Animation
@animation-time : .3s;