Reply to thread

Message

<blockquote data-quote="n8chavez" data-source="post: 987149" data-attributes="member: 90863">I found one.&nbsp; It&#039;s okay.&nbsp; But anyone have anything better?[CODE]/* Hide unwanted bits */#downloads-indicator-start-box, #downloads-indicator-start-image &gt; *,#downloads-indicator-finish-box, #downloads-indicator-finish-image &gt; * {&nbsp; opacity: 0 !important;&nbsp; visibility: hidden !important;}/* Bar graphics and width driver */#downloads-indicator-progress-outer {&nbsp; background: url(&quot;data:image/svg+xml;charset=UTF-8,%3csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;16&#039; viewBox=&#039;0 0 16 16&#039;%3e%3crect x=&#039;0&#039; y=&#039;3&#039; width=&#039;16&#039; height=&#039;10&#039; stroke=&#039;%23888&#039; fill=&#039;%23f4f4f4&#039; stroke-width=&#039;1&#039;/%3e%3c/svg%3e&quot;) center no-repeat !important;}#downloads-indicator-progress-inner {&nbsp; background: url(&quot;data:image/svg+xml;charset=UTF-8,%3csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;16&#039; viewBox=&#039;0 0 16 16&#039;%3e%3crect x=&#039;0&#039; y=&#039;3&#039; width=&#039;16&#039; height=&#039;10&#039; stroke=&#039;%233c9af8&#039; fill=&#039;%233c9af8&#039; stroke-width=&#039;1&#039; style=&#039;opacity:0.7&#039; /%3e%3c/svg%3e&quot;) left no-repeat !important;&nbsp; max-width: var(--download-progress-pcent);}#downloads-button[animate][notification=&quot;finish&quot;] #downloads-indicator-progress-inner {&nbsp; max-width: 100% !important;&nbsp; width: 100% !important;}/* Fix visibility, shape, and alignment */#downloads-button[animate][notification=&quot;start&quot;] &gt; .toolbarbutton-badge-stack &gt; #downloads-indicator-progress-outer,#downloads-button[progress] &gt; .toolbarbutton-badge-stack &gt; #downloads-indicator-progress-outer,#downloads-button[animate][notification=&quot;finish&quot;] &gt; .toolbarbutton-badge-stack &gt; #downloads-indicator-progress-outer {&nbsp; visibility: visible !important;&nbsp; border-radius: 0 !important;&nbsp; border: none !important;&nbsp; align-items: left !important;&nbsp; justify-content: left !important;}#downloads-button[animate][notification=&quot;start&quot;] #downloads-indicator-progress-inner,#downloads-button[progress] #downloads-indicator-progress-inner,#downloads-button[animate][notification=&quot;finish&quot;] #downloads-indicator-progress-inner {&nbsp; visibility: visible !important;&nbsp; border-radius: 0 !important;&nbsp; border: none !important;}[/CODE]</blockquote>

[QUOTE="n8chavez, post: 987149, member: 90863"] I found one. It's okay. But anyone have anything better? [CODE]/* Hide unwanted bits */ #downloads-indicator-start-box, #downloads-indicator-start-image > *, #downloads-indicator-finish-box, #downloads-indicator-finish-image > * { opacity: 0 !important; visibility: hidden !important; } /* Bar graphics and width driver */ #downloads-indicator-progress-outer { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3crect x='0' y='3' width='16' height='10' stroke='%23888' fill='%23f4f4f4' stroke-width='1'/%3e%3c/svg%3e") center no-repeat !important; } #downloads-indicator-progress-inner { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3crect x='0' y='3' width='16' height='10' stroke='%233c9af8' fill='%233c9af8' stroke-width='1' style='opacity:0.7' /%3e%3c/svg%3e") left no-repeat !important; max-width: var(--download-progress-pcent); } #downloads-button[animate][notification="finish"] #downloads-indicator-progress-inner { max-width: 100% !important; width: 100% !important; } /* Fix visibility, shape, and alignment */ #downloads-button[animate][notification="start"] > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer, #downloads-button[progress] > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer, #downloads-button[animate][notification="finish"] > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer { visibility: visible !important; border-radius: 0 !important; border: none !important; align-items: left !important; justify-content: left !important; } #downloads-button[animate][notification="start"] #downloads-indicator-progress-inner, #downloads-button[progress] #downloads-indicator-progress-inner, #downloads-button[animate][notification="finish"] #downloads-indicator-progress-inner { visibility: visible !important; border-radius: 0 !important; border: none !important; }[/CODE] [/QUOTE]

Verification