Thinking on ways to solve a LOADING BAR

In today's GUI Challenge, @Adam Argyle shows how to style the built-in progress element and how to implement great screen reader UX, light and dark adaptive colors, custom animations and more.

Chapters:
0:00 - Introduction
0:27 - Overview
1:11 - Focus Visible
2:55 - Cross Browser
3:36 - Screen Reader
6:22 - HTML
7:45 - Screen Reader Only
9:12 - CSS
17:16 - JavaScript
19:44 - Outro

Resources:
Read along → https://goo.gle/3CKFoUs
Try a demo → https://goo.gle/3KRLo0F
Get the source → https://goo.gle/3i7PgOA

Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#GUIchallenges #CSS #ChromeDeveloper

product: Chrome - General; fullname: Adam Argyle;

Back to all episodes