6

In the review pages, I see a strange grey vertical line on the Badge progress bar.

Grey vertical line in the middle of the bar

When inspected, I could see a border-right assigned.

.meter #badge-progress-bar-vis {
    background-color: transparent;
    border-right: 1px solid #9fa6ad;
    width: 25px;
    position: relative;
}

Please let me know why this is significant.

4
  • 1
    A threshold to cross, to gain one particular badge?
    – yivi
    Feb 20, 2018 at 14:28
  • Badges of certain types can have multiple metallic thresholds: bronze, silver, gold. I think the same progress bar is used for all three.
    – yivi
    Feb 20, 2018 at 14:30
  • Thank you @yivi. Even I'm wondering the same. But why not 3 horizontal bars then? To highlight bronz, silver and gold badges? Feb 20, 2018 at 14:32
  • 3
    Because only the "next" threshold is highlighted, if I remember correctly.
    – yivi
    Feb 20, 2018 at 14:33

1 Answer 1

9

As @yivi points out in their comment, it marks a threshold. It marks the requirement for the silver "Reviewer" badge.

Why not for Bronze (Custodian) or Gold (Steward)? Well, bronze only takes 1 review. And the gold badge is when the progress bar is entirely filled.

If there were more than 3 levels, we might see more bars. As it is, you only see the bar for Silver. Because that is the threshold that is not immediately obvious without the vertical marker.

1
  • 1
    Thank you. This really helps. Feb 20, 2018 at 15:46

You must log in to answer this question.

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