responsivewebframework
Version:
Jalasoft Foundation Front End Framework ========================================
58 lines (56 loc) • 1.17 kB
text/less
// Progressbar
.progressbar {
width: calc(100% - 32px);
min-height: 66px;
border-radius: 4px;
padding: 5px 16px;
display: table;
background-color: white;
-webkit-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.75);
box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.75);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
.progress-inside {
height: 4px;
background-color: @dividers-color;
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
.progress-fill {
height: 4px;
width: 0;
background-color: @secondary-color;
-webkit-animation: animate-stripes 2s linear infinite;
}
}
}
.text {
position: relative;
margin:0;
padding:0;
float: right;
height: 18px;
width: 100%;
font-family: @font-family-base-component;
font-size: 12px;
color: @body-color;
}
.size-file {
position: absolute;
bottom: 0;
left:0;
}
.progress-text {
position: absolute;
bottom: 0;
right:0;
}
#progressTitle {
font-family: @font-family-base-component;
min-height: 14px;
padding: 0;
margin: 0 ;
}