1327612 - Progressbar in downloads toolbarbutton looks clipped when download is almost finished

Status: NEW

(Firefox :: Downloads Panel, defect, P5)

Description

[arni2033]

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160526082509
Don't try STR_1.

>>>
STR_1:  (original)
1. Open https://ssyoutube.com/watch?v=jkUFUkvNYAQ
2. Click button to start downloading video 3GP in 144p (figure out how to work with that site)
   That will start a very slow download.
3. When download is almost finished, look at the progressbar inside downloads toolbarbutton

AR:  Progressbar looks clipped at the right side
ER:  Progressbar shouldn't look clipped. Top-right and bottom-right corners should be rounded

STR_2:  (reliable)
1. Inspect downloads toolbarbutton in Browser toolbox, add attribute [progress="true"]
2. Add attribute [value="100"] to progressmeter#downloads-indicator-progress inside the toolbarbutton


Notes:
1) Obviously, the styling of progressmeter is already a hack: both progress chunks have
  "border-width:1px;" , therefore they can't be narrower than 2px, which is exactly border-radius of
   progressmeter. But gray background is drawn in the right progress chunk, therefore when it
   compresses to 2px, the rounded corners don't look rounded. One possible solution is to set gray
   background to progressmeter element, but I haven't tried it.
2) I remember the same bug with XUL video controls that also used progressmeter

Comment 1

[u554753]

Wasn't sure if it was this component or Toolbars and Customization. Please correct if needed. Thanks.

Comment 2

[:Paolo Amadini]

Thanks, I think this is the right call because the styling is local to the Downloads Panel component.