add vertical progressbar

This commit is contained in:
Rijn 2017-07-21 12:36:16 -05:00
parent 7f08fb512a
commit 48921bf57d
3 changed files with 39 additions and 2 deletions

View file

@ -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;