DEV Community

Cover image for Minimal loader with progress
Gleb Svechnikov
Gleb Svechnikov

Posted on

Minimal loader with progress

Recently I've discovered default behavior of HTML progress tag.
If you don't provide any attributes, progress acts like loader.

<progress/>
Enter fullscreen mode Exit fullscreen mode

That is how it look:

  • In Firefox Firefox
  • In Chrome Chrome
  • In Safari Safari Although it does not look&feel identical in browsers, it looks ok, even for light theme.

Image description
Such loader solution could be useful for rapid prototyping and minimal interfaces.

Top comments (0)