8

When a new privilege is earned, one can see the following card on their profile page:

'See votes' privilege

Now, if I understand correctly, the progress bar's value indicates either the progress of the newly earned tag (which should be 100%) or (unlikely) the overall progress of all tags. If it's the former, the displayed value is (obviously) far less than 100%. And if it's the latter, I checked on a different site with a different privilege and the displayed value was identical:

'See reduced ads' privilege

Also, checking the HTML element shows that it should be at 100%:

Expected value

But the CSS width property is set to 0% (thanks to John Omielan's answer below) and that seems to be the cause of the issue.

3
  • @Luuklag I think it's a bit related but seems like a different issue.
    – 41686d6564
    Commented Sep 18, 2020 at 6:25
  • hmmm I have seen that so many times, never noticed it. Nice catch.
    – wimi
    Commented Sep 18, 2020 at 9:31
  • Even with Mod Tools you're still at 0, but in that case 2/5ths of the way would be more appropriate because 5000 is the maximum and Mod Tools are earned at 2K on that site. It should either be based on: the maximum (privilege level), the categorical level (EG: category of Editor) (not that all privilege levels have a higher categorical privilege), or it should be 100% (and less as you progress towards the last level) - either counting from the last level or zero. Needs Bounty.
    – Rob
    Commented Jan 18, 2021 at 4:37

1 Answer 1

2

I see in the next line after the red circle that style="width: 0%". I believe this may be the cause of the problem. For example, according to CSS width property, the "%" option "Defines the width in percent of the containing block". Also, with Tryit Editor v3.6, changing any of the width values to 0% and then pressing the green "Run" button causes those images to disappear on my Microsoft Edge browser, e.g.,

Image with the width set to 0% for the second and third images

As such, unless there's some reason such as this doesn't do what I expect or there's a style override making it a moot setting, changing the width there to 100% might solve the problem.

1
  • 1
    Indeed, increasing the width value makes the progress bar advances. I don't know how I didn't notice that. Also, the progress bar of the next privilege uses the same value for aria-valuenow and width. So, this does really seem like a bug.
    – 41686d6564
    Commented Sep 17, 2020 at 22:29

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .