File transfer feedback for uploads and downloads
Make file transfers easier to follow with an upload arrow, a download cue or a progress animation. Pick the cue that matches the direction of the transfer.
Only show a percentage when it comes from real transfer progress. A looping arrow can show activity, but keep the filename and status in text.
Check the file size on each detail page and measure your export after editing. Load previews only when needed, respect reduced motion and keep status messages in real text.
We read the colours and fonts from your home page. They stay in this browser.
-
3.2 s, plays once
-
3 s, plays once
-
1.5 s, loops
-
1.5 s, loops
-
1.5 s, loops
-
3 s, loops
-
Loading preview...
outline · draw-on
-
Loading preview...
outline · draw-on
-
Loading preview...
flat · pop
-
Loading preview...
duotone · pop
-
Loading preview...
duotone · pop
-
Loading preview...
outline · pop
-
Loading preview...
outline · pop
-
Loading preview...
outline · draw-on
-
Loading preview...
outline · draw-on
Questions
Does a progress animation measure the transfer?
These are animation assets. Your app must supply the transfer state. Use a loop for an unknown wait and only show completion once the transfer succeeds.
How do I choose a file size and support reduced motion?
Check the file details before downloading and measure the exported file after editing. Compare Lottie JSON and dotLottie in a player that supports them. Load the animation near the screen and show a still frame when someone asks for reduced motion. Keep any status or instructions in real text.