loadease-v2
Version:
A customizable loading component for React
29 lines (25 loc) • 531 B
CSS
.loader-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
background-color: black;
}
.loader-image {
width: 150px;
height: 150px;
object-fit: contain;
}
.progress-bar {
width: 80%;
height: 10px;
background: rgba(255, 255, 255, 0.2);
border-radius: 5px;
overflow: hidden;
margin-top: 10px;
}
.progress {
height: 100%;
transition: width 0.3s ease;
}