Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. 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#
Loading Smarter: SVG vs. Raster Loaders in Modern Web Design (hol/css)18
images, svg, performance
Custom Progress Element Using the “attr()” Function (css/fro)17
css, functions, gradients
Cool Native HTML Elements You Should Already Be Using (hrr)16
html, modals, disclosure-widgets, forms
Truth, Lies, and Progress Bars (tyl/clo)15
design
Custom Progress Element Using Anchor Positioning and Scroll-Driven Animations (css/fro)14
css, anchor-positioning, animations, scrolling
Skeleton Screens vs. Progress Bars vs. Spinners (nng)13
videos, user-experience, performance, placeholders
From RPGs to UX: How Progress Indicators Affect User Engagement12
user-experience, design
Building Dynamic Progress Bars Using Only CSS (ami)11
css
CSS-Only Radial Progress Bars Using Conic Gradients10
videos, css, gradients
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)9
css, scrolling, effects
Scroll Progress Animations in CSS (mic/mdn)8
css, scrolling, animations
Loading and Progress Indicators7
performance, user-experience, design-patterns
Table of Contents Progress Animation (kev)6
html, css, javascript, animations
Best Practices for Animated Progress Indicators (sma)5
animations, best-practices, usability
Progress Indicators Make a Slow System Less Insufferable (nng)4
performance, user-experience, design
Display Form “<progress>” (chr/css)3
html, forms, jquery
Caching Images With JavaScript and HTML5 Progress Bars (zol)2
images, caching, performance, javascript, html
CSS Progress Bars (chr/css)1
css, animations