Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 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 Other Related 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