fui-fancyui
Version:
FancyUI Libary
32 lines (31 loc) • 638 B
JavaScript
import { styled as i, keyframes as o } from "styled-components";
const a = o`
0% {
left: -70%;
}
100% {
left: 100%;
}
`, d = i.div`
position: relative;
width: 100%;
height: 2px;
overflow: hidden;
${({ $externalStyle: t }) => t}
`, s = i.div`
position: absolute;
left: -70%;
height: 100%;
width: 70%;
background-image: linear-gradient(
90deg,
transparent,
${({ theme: t, $layer: n = 0, $themeType: e = "accent" }) => t.color[e][n]},
transparent
);
animation: ${a} 3s ease-in-out infinite; // Set the animation duration to 3s
`;
export {
s as LoadingBar,
d as LoadingContainer
};