DEV Community

Ardian Perlaska
Ardian Perlaska

Posted on

2 1

Data Loading Animation with HTML & SCSS

Hi all,

I want to share with you a Loading Animation I did for a Data Loading use-case, in the company that I work for.

I did this animation roughly 3 years ago, and the reason I want to share is my approach of using SCSS and configurable variables to adjust the speed, colors, and other components.

I tried to write self-explanatory code, so it would be easy to extend or have further manipulations there.

Feel free to play with it.
Any feedback would be appreciated.

P.S. The HTML is a bit messy due to SVG's inside. With a bit more effort. All the components would be achievable through CSS.

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay