Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸). Hide

Frontend Dogma

“progress-indicators” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design-patterns (non-exhaustive) · “progress-indicators” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Custom Progress Element Using the “attr()” Function (css/fro)16
css, functions, gradients
Cool Native HTML Elements You Should Already Be Using (hrr)15
html, modals, disclosure-widgets, forms
Truth, Lies, and Progress Bars (tyl/clo)14
design
Custom Progress Element Using Anchor Positioning and Scroll-Driven Animations (css/fro)13
css, anchor-positioning, animations, scrolling
Skeleton Screens vs. Progress Bars vs. Spinners (nng)12
videos, user-experience, performance, placeholders
From RPGs to UX: How Progress Indicators Affect User Engagement (uxd)11
user-experience, design
Building Dynamic Progress Bars Using Only CSS (ami)10
css
CSS-Only Radial Progress Bars Using Conic Gradients9
videos, css, gradients
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)8
css, scrolling, effects
Scroll Progress Animations in CSS (mic/mdn)7
css, scrolling, animations
Loading and Progress Indicators (uxd)6
performance, user-experience, design-patterns
Table of Contents Progress Animation (kev)5
html, css, javascript, animations
Best Practices for Animated Progress Indicators (sma)4
animations, best-practices, usability
Progress Indicators Make a Slow System Less Insufferable (nng)3
performance, user-experience, design
Display Form “<progress>” (chr/css)2
html, forms, jquery
CSS Progress Bars (chr/css)1
css, animations