forked from 0x2620/oxjs
more progress on progress bar
This commit is contained in:
parent
16ef28d260
commit
12423e7b03
5 changed files with 220 additions and 51 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue