DEV Community

sadnessOjisan
sadnessOjisan

Posted on • Edited on

Create loading indicator without css animation

just use marquee.

<div
  style={{
    background: "rgba(0,0,0,0.8)",
    color: "white",
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    fontSize: 32,
    position: "fixed",
    top: 0,
    left: 0,
    width: "100vw",
    height: "100vh",
  }}
>
  <marquee>loading</marquee>
</div>;

Enter fullscreen mode Exit fullscreen mode

here is demo.

loading

hooray🎉

Top comments (2)

Collapse
 
norrova profile image
Norro valentin

Hello, marquee is deprecated :D
developer.mozilla.org/en-US/docs/W...

Collapse
 
sadnessojisan profile image
sadnessOjisan

Nooooo!!! OK, Let's use blink tag XD