add vertical progressbar
This commit is contained in:
parent
7f08fb512a
commit
48921bf57d
3 changed files with 39 additions and 2 deletions
|
@ -2,7 +2,13 @@
|
|||
|
||||
.@{progress-prefix-cls} {
|
||||
display: inline-block;
|
||||
|
||||
width: 100%;
|
||||
&-vertical {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
font-size: @font-size-small;
|
||||
position: relative;
|
||||
|
||||
|
@ -17,6 +23,10 @@
|
|||
margin-right: -55px;
|
||||
}
|
||||
}
|
||||
&-vertical &-outer {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
&-inner {
|
||||
display: inline-block;
|
||||
|
@ -25,6 +35,20 @@
|
|||
border-radius: 100px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&-vertical &-inner {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
|
||||
& > *, &:after {
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&-bg {
|
||||
border-radius: 100px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue