Improve card progress display

Card progress refers to how each card will have 10 bars until they are mastered. There is a legend which shows what these bars mean.
card-progress

The problem is that ten bars is a lot to count at a glance. It should be made a bit easier to read. Some ideas I have are:

  1. Separate into two rows with five bars each.
  2. Use different colors for the bars depending on the number of bars. For example use red for <5 bars, use yellow for <10 bars, and use green for 10 bars.
  3. Use only five bars for the first five, then use stars for the next five stages.
1 Like