Implement "Unknown progress" animation on download button

NEW
Assigned to

Status

()

Firefox
Downloads Panel
P3
normal
9 months ago
7 days ago

People

(Reporter: rexboy, Assigned: rexboy)

Tracking

(Blocks: 1 bug)

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [CHE-BACKLOG])

Attachments

(1 attachment)

(Assignee)

Description

9 months ago
Created attachment 8782788 [details]
preview for "unknown progress" in the download button

Upon the latest visual spec,
when there's only downloading files with unknown process,
we need to display that on the icon of download button.
Specifically, the icon of download icon should become an animation
of a blurred white bars keep dropping down inside the arrow.
Please check the attachment.
(Assignee)

Updated

9 months ago
Attachment #8782788 - Attachment description: p.gif → preview for "unknown progress" in the download button
(Assignee)

Updated

9 months ago
Summary: Implement "Unknown progress" animation → Implement "Unknown progress" animation on download button

Comment 1

9 months ago
(In reply to KM Lee [:rexboy] from comment #0)
> Please check the attachment.

This doesn't look very visible, is it an issue with the mockup?

We should keep the implementation simple and maintainable, in particular we should avoid adding new icon files. Maybe just animating the opacity of our current icons could still obtain a valid effect, or we can do something more complex with CSS and the assets we already have in the tree.
(Assignee)

Comment 2

9 months ago
Hi Carol:
Since I've the visual based on same style issue is still under discussing, I set an needinfo here. You can reply me after confirming the visual. 
If you are going to keep the same design, We may need to produce some SVG filter for that.

Paolo:
I'm not sure if we can make exact the same effect without adding a SVG mask. It's true changing opacity or something makes things simpler but I think we need to ask for visual team's comment about that.
Flags: needinfo?(chuang)
(Assignee)

Updated

9 months ago
No longer blocks: 1270012
still confirming if this is a project MVP, move it to backlog
Whiteboard: [CHE-MVP] → [CHE-BACKLOG]

Comment 4

9 months ago
This is a long-standing quality issue with the Downloads Indicator, we show no indication that a download is in progress if the server does not send the size. Seeing this bug fixed when we switch to the new design would be great and provide definite user value.

Comment 5

8 months ago
(In reply to KM Lee [:rexboy] from comment #2)
> Hi Carol:
> Since I've the visual based on same style issue is still under discussing, I
> set an needinfo here. You can reply me after confirming the visual. 
> If you are going to keep the same design, We may need to produce some SVG
> filter for that.

Hi Rex, I've updated the motion mock-up and spec on Bug 1269956 for "unknown progress"
We can discuss what assets you need to create the animation when you start working on this. thanks!


> Paolo:
> I'm not sure if we can make exact the same effect without adding a SVG mask.
> It's true changing opacity or something makes things simpler but I think we
> need to ask for visual team's comment about that.
Flags: needinfo?(chuang)

Updated

7 months ago
Priority: -- → P3
(Assignee)

Updated

6 months ago
Assignee: nobody → rexboy

Updated

7 days ago
Duplicate of this bug: 1363734

Updated

7 days ago
Duplicate of this bug: 1352350

Updated

7 days ago
Duplicate of this bug: 955936
You need to log in before you can comment on or make changes to this bug.