equinor / design-system

The Equinor design system
MIT License
121 stars 64 forks source link

Create animated .gif / .svg of progress indicator #1527

Open lucasveil opened 3 years ago

lucasveil commented 3 years ago

When designer create prototypes and needs to show that the product is in loading state, an animated progress indicator would help the prototype to be more "real".

lucasveil commented 3 years ago

Have already created some in .gif but those are not optimal because there are not scalable. We should consider making animated .svg.

logo_equinor_spin.gif

gif-test-24.gif

gif-test.gif

lucasveil commented 2 years ago

After discussion with @mimarz we should animate all progress indication in .svg and add them in CDN.