demo/Pages/Dashboard/Analysis/Components/Charts/MiniProgress/MiniProgress.razor.css
2024-06-21 16:48:24 +08:00

40 lines
887 B
CSS

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.miniProgress {
position: relative;
width: 100%;
padding: 5px 0;
}
.miniProgress .progressWrap {
position: relative;
background-color: #f5f5f5;
}
.miniProgress .progress {
width: 0;
height: 100%;
background-color: #1890ff;
border-radius: 1px 0 0 1px;
transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.miniProgress .target {
position: absolute;
top: 0;
bottom: 0;
z-index: 9;
width: 20px;
}
.miniProgress .target span {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 4px;
border-radius: 100px;
}
.miniProgress .target span:last-child {
top: auto;
bottom: 0;
}