1
0
Fork 0
forked from 0x2620/oxjs

more progress on progress bar

This commit is contained in:
rlx 2011-09-01 13:13:47 +00:00
commit 12423e7b03
5 changed files with 220 additions and 51 deletions

View file

@ -75,7 +75,8 @@ Bars
border-style: solid;
border-radius: 8px;
}
.OxProgressbar > div {
.OxProgressbar .OxTrack {
float: left;
width: 14px;
height: 14px;
border-width: 1px;
@ -83,10 +84,18 @@ Bars
border-radius: 8px;
margin: -1px;
}
.OxProgressbar > div.OxAnimate {
-webkit-animation: move 1s linear infinite;
.OxProgressbar .OxProgress {
width: 14px;
height: 14px;
border-width: 1px;
border-style: solid;
border-radius: 8px;
margin: -1px;
}
@-webkit-keyframes move {
.OxProgressbar .OxProgress.OxAnimate {
-webkit-animation: progress 1s linear infinite;
}
@-webkit-keyframes progress {
0% {
background-position: 0 0;
}
@ -94,6 +103,22 @@ Bars
background-position: -32px 0;
}
}
.OxProgressbar .OxText {
float: left;
height: 14px;
//padding-top: 2px;
//font-size: 8px;
text-align: center;
}
.OxProgressbar .OxText.OxSmall {
//padding-top: 1px;
//font-size: 9px;
}
.OxProgressbar .OxButton {
float: left;
margin: -1px;
}
.OxResizebar {
z-index: 2;