Refactored ProgressBar
parent
8ad4d107a5
commit
f7515c85db
|
@ -9,7 +9,7 @@ const classes = {
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
container: 'p-progressbar-indeterminate-container',
|
container: 'p-progressbar-indeterminate-container',
|
||||||
value: 'p-progressbar-value p-progressbar-value-animate',
|
value: 'p-progressbar-value',
|
||||||
label: 'p-progressbar-label'
|
label: 'p-progressbar-label'
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -32,16 +32,13 @@ export default {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
transition: width 1s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progressbar-determinate .p-progressbar-label {
|
.p-progressbar-determinate .p-progressbar-label {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-progressbar-determinate .p-progressbar-value-animate {
|
|
||||||
transition: width 1s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-progressbar-indeterminate .p-progressbar-value::before {
|
.p-progressbar-indeterminate .p-progressbar-value::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
Loading…
Reference in New Issue