# \[Userscript\] Overall Progress Bars

**URL:** https://community.wanikani.com/t/userscript-overall-progress-bars/56208
**Category:** API And Third-Party Apps
**Created:** [March 13, 2022, 7:08pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208 "2022-03-13T19:08:22Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Kumirei](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/kumirei/32/480522_2.png) [@Kumirei](https://community.wanikani.com/u/Kumirei)
#### Post date: [March 13, 2022, 7:08pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/1 "2022-03-13T19:08:22Z")

</div>

> ⚠ This is a third-party script/app and is not created by the WaniKani team. By using this, you understand that it can stop working at any time or be discontinued indefinitely.

Created in response to: [a request](https://community.wanikani.com/t/x/56154)

## Adds a progress bar for each level to the dashboard

There are ways to display each level:

Either as stacked bars showing each SRS level  
 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/2/7/3/2737ffe527f460fb07d70606dce6a7bef08852d6.png)

As single-color bars showing the average SRS level of the level  
 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/e/3/2/e32e81f1669838788730f564a79a54e291273fcd.png)

Or, as unstacked bars  
 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/0/3/9/039c7a4f8ed47d34827cbf07cda6bdfa92ddfd76.png)

## Download at

[→ The Bubble Tea Parlor ←](https://greasyfork.org/en/scripts/441185-wanikani-overall-progress-bars)

---

<div class="post-metadata">

### Author: ![guiljb](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@guiljb](https://community.wanikani.com/u/guiljb)
#### Post date: [March 13, 2022, 7:28pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/2 "2022-03-13T19:28:59Z")

</div>

Congratulations. Loved this extensions.  
Just one suggestion for improvement: to add the percentage of burned itens on the tool tip after the number of burned itens.  
For example: on level 1 it shows “burned: 81 itens” it would be “burned: 81 itens (100%)”

---

<div class="post-metadata">

### Author: ![Kumirei](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/kumirei/32/480522_2.png) [@Kumirei](https://community.wanikani.com/u/Kumirei)
#### Post date: [March 13, 2022, 7:53pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/3 "2022-03-13T19:53:40Z")

</div>

Done!

---

<div class="post-metadata">

### Author: ![anon87959063](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@anon87959063](https://community.wanikani.com/u/anon87959063)
#### Post date: [March 13, 2022, 8:10pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/4 "2022-03-13T20:10:25Z")

</div>

Looks great 😁

The single-color view also serves as an easy to see indicator of how hard a level is. I’m actually quite surprised at how much worse I was doing on level 25 compared to the other levels around it.

![Screen Shot 2022-03-13 at 21.08.24](https://global.discourse-cdn.com/wanikanicommunity/original/4X/3/3/c/33cf99d185ea47e1b924b0a5c682e43f264b4aec.png)

---

<div class="post-metadata">

### Author: ![guiljb](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@guiljb](https://community.wanikani.com/u/guiljb)
#### Post date: [March 13, 2022, 8:32pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/5 "2022-03-13T20:32:47Z")

</div>

Wow! That was fast!  
Congratulations.

---

<div class="post-metadata">

### Author: ![Rowena](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rowena/32/302571_2.png) [@Rowena](https://community.wanikani.com/u/Rowena)
#### Post date: [March 14, 2022, 12:20am UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/6 "2022-03-14T00:20:36Z")

</div>

Same here on doing worse on lvl 25:

 ![Screenshot 2022-03-14 081920](https://global.discourse-cdn.com/wanikanicommunity/original/4X/2/6/7/267109f511a32e1892099c0e63da785417dcd461.png)

P.S. I was half expecting to be Rick-rolled when I clicked on “The Bubble Tea Parlor”, and then I see your card background 🤣

---

<div class="post-metadata">

### Author: ![NicoleIsEnough](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nicoleisenough/32/87285_2.png) [@NicoleIsEnough](https://community.wanikani.com/u/NicoleIsEnough)
#### Post date: [March 14, 2022, 7:40am UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/7 "2022-03-14T07:40:26Z")

</div>

That looks really beautiful, thank you! 🥰

One remark, though: The “one color” option doesn’t seem to work too well at some levels, e.g. my current progress is

 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/b/0/e/b0e957df2bd8f187682a647bd333ba4a006b354d.png)

 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/1/1/5/115a50d8ed3a0dd37b0d393b61ccea6a34d26c41.png)

Here you can see that level 39 is 2/3 purple already, although the “one color” bar shows it as plain pink; level 36 has almost no enlightened items but the “one color” suggests enlightened for basically all the items; and level 40 has some apprentice lessons already, so I’d expect the “one color” to be slightly pink-ish, but my digital color meter tells me that level 40 has the same grey as the other bars… Is this just due to the nature of how the colors blend? Or is there some other reason behind it?

---

<div class="post-metadata">

### Author: ![Wantitled](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/wantitled/32/76239_2.png) [@Wantitled](https://community.wanikani.com/u/Wantitled)
#### Post date: [March 14, 2022, 8:02am UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/8 "2022-03-14T08:02:54Z")

</div>

How many apprentice/guru items do you have for that level? I suspect it’s something to do with the interpolation so I want to check what the average _should_ be.

Either way it’ll hopefully right itself after doing some more reviews for that level’s items

---

<div class="post-metadata">

### Author: ![NicoleIsEnough](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nicoleisenough/32/87285_2.png) [@NicoleIsEnough](https://community.wanikani.com/u/NicoleIsEnough)
#### Post date: [March 14, 2022, 8:13am UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/9 "2022-03-14T08:13:35Z")

</div>

In level 39 (149 items altogether) I have 18 in locked/lessons, 53 apprentice, 78 guru.

In level 40 (168 items altogether) I have 10 apprentice and the rest is lessons/locked.

In level 36 (142 items altogether) I have 1 in apprentice, 10 in guru, 27 master, 13 enlightened, and 81 burned.

---

<div class="post-metadata">

### Author: ![Wantitled](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/wantitled/32/76239_2.png) [@Wantitled](https://community.wanikani.com/u/Wantitled)
#### Post date: [March 14, 2022, 8:38am UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/10 "2022-03-14T08:38:40Z")

</div>

Level 38 should be this color:

![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/2/9/5/29550ae994fac80bae0193cda12abe9de91a7a30.png)

Level 40 should be this color:

![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/c/3/d/c3d5e96d5cdfc234df5a9354015832804a621682.png)

Level 36 should be this color:

![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/b/c/e/bceb9b78344f1c42784241aaaf771eae0270d597.png)

So checking the hex values, it’s not the reason I thought it was, so I’m not sure what it could be, only Kumi may know 🤔

---

<div class="post-metadata">

### Author: ![NicoleIsEnough](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nicoleisenough/32/87285_2.png) [@NicoleIsEnough](https://community.wanikani.com/u/NicoleIsEnough)
#### Post date: [March 14, 2022, 10:48am UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/11 "2022-03-14T10:48:45Z")

</div>

Ah, thanks for calculating those colors! Yep, that’s more along the lines of what I expected to see. 👍

---

<div class="post-metadata">

### Author: ![Themis](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/themis/32/724823_2.png) [@Themis](https://community.wanikani.com/u/Themis)
#### Post date: [March 14, 2022, 10:56am UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/12 "2022-03-14T10:56:55Z")

</div>

Wow, thank you! That’s really interesting to use. Also agreeing with the other two people in here. 25 is also one of my worst levels - still XD That’s really interesting to learn!

---

<div class="post-metadata">

### Author: ![Kumirei](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/kumirei/32/480522_2.png) [@Kumirei](https://community.wanikani.com/u/Kumirei)
#### Post date: [March 14, 2022, 4:24pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/13 "2022-03-14T16:24:57Z")

</div>

It is (most likely) due to the script differentiating between locked items and items available in your lessons queue. The script is not actually blending all the colors, I went with B’s idea of average SRS level, so the locked items are causing the average SRS level to be between locked and in lessons, both of which are grey.

That said, I changed it so that locked items are the same as items in lessons. Please tell me if it looks better, as I don’t have any locked items to test with.

---

<div class="post-metadata">

### Author: ![Kumirei](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/kumirei/32/480522_2.png) [@Kumirei](https://community.wanikani.com/u/Kumirei)
#### Post date: [March 14, 2022, 4:25pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/14 "2022-03-14T16:25:25Z")

</div>

Heads up, I changed how you choose the display mode in the settings, so you may need to change your settings again after updating

---

<div class="post-metadata">

### Author: ![NicoleIsEnough](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nicoleisenough/32/87285_2.png) [@NicoleIsEnough](https://community.wanikani.com/u/NicoleIsEnough)
#### Post date: [March 14, 2022, 4:40pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/15 "2022-03-14T16:40:56Z")

</div>

> [@Kumirei](#):
>
> That said, I changed it so that locked items are the same as items in lessons. Please tell me if it looks better, as I don’t have any locked items to test with.

Yes, now I can see a slight pinkish tinge creeping into the grey block of level 40, that’s really nice! Thank you 🙂

 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/a/f/7/af73a7655023675f3b885d95f2c82365b8c7a6b4.png)

Still I don’t understand the colors for levels 36 and 39, as in these levels (almost) all items are at least apprentice. But the colors for these two levels don’t match the expected mixed color. Any idea why these two levels look so different from what is to be expected?

---

<div class="post-metadata">

### Author: ![Kumirei](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/kumirei/32/480522_2.png) [@Kumirei](https://community.wanikani.com/u/Kumirei)
#### Post date: [March 14, 2022, 4:51pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/16 "2022-03-14T16:51:23Z")

</div>

The script accounts for 10 different SRS levels; from locked at 0 to burned at 9. Apprentice and guru account for 4 and 2 individual SRS levels respectively.

For level 36 you said you had 1 apprentice, 10 guru, 27 master, 13 enlightened, and 81 burns. Let’s say the apprentice is apprentice 1 and guru is guru 5, then the average SRS level is 7.65, which is between Master and Enlightened.

(1\*1+10\*5+27\*7+13\*9+81\*9)/142 = 7.65

Similarly, for level 39 you have 18 locked/lessons, 53 apprentice, and 78 guru. Depending on the SRS level of apprentice items, the average SRS level could be anywhere between 2.97 and 4.56, which would be within solid apprentice color

(18\*0+53\*1+78\*5)/149 = 2.97  
(18\*0+53\*4+78\*6)/149 = 4.56

* * *

edit: While mixing the colors may make more sense visually, average SRS and interpolation makes more sense for measuring your progress

---

<div class="post-metadata">

### Author: ![anon87959063](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@anon87959063](https://community.wanikani.com/u/anon87959063)
#### Post date: [March 14, 2022, 4:59pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/17 "2022-03-14T16:59:43Z")

</div>

> [@Kumirei](#):
>
> That said, I changed it so that locked items are the same as items in lessons. Please tell me if it looks better, as I don’t have any locked items to test with.

I think it looks better like this. For reference, I just started doing level 44’s lessons, and this is how the bars look for me now:

 ![image](https://global.discourse-cdn.com/wanikanicommunity/original/4X/f/0/f/f0f72503bcf6054044b5602257d0fef03d941d48.png)

I noticed the bar gets slightly more pink with each lesson I do, which I think looks best. You’ll have to ignore levels 50 and 51 though, due to 公告 being moved to level 50 and 又 (both kanji and vocab) being moved to level 51 after I burned them, it looks like I’ve already done 9 lessons on level 50 and 18 on level 51 😁

---

<div class="post-metadata">

### Author: ![NicoleIsEnough](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/nicoleisenough/32/87285_2.png) [@NicoleIsEnough](https://community.wanikani.com/u/NicoleIsEnough)
#### Post date: [March 14, 2022, 5:18pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/18 "2022-03-14T17:18:02Z")

</div>

> [@Kumirei](#):
>
> While mixing the colors may make more sense visually, average SRS and interpolation makes more sense for measuring your progress

Now this is a debatable point, but let’s put this aside for the moment.  
What confuses me the most is that the colors _do_ seem to be mixed up to level 35, while for level 36-39 they are flat? Does this mean we have mixed colors up to 35 and after that average SRS? (In other words, my head cannot make sense of what my eyes are seeing, please help!)

---

<div class="post-metadata">

### Author: ![Kumirei](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/kumirei/32/480522_2.png) [@Kumirei](https://community.wanikani.com/u/Kumirei)
#### Post date: [March 14, 2022, 5:23pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/19 "2022-03-14T17:23:35Z")

</div>

They are all average SRS level, but if the average is, for example, 8.5, then it will be a mix between Enlightened and Burned, but if it is 5.5 then it will be flat Guru, because both 5 and 6 are guru, and anywhere in the range 1-5 will be apprentice, because there are 4 apprentice levels.

However, I can look into making it a smooth gradient

---

<div class="post-metadata">

### Author: ![Kumirei](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/kumirei/32/480522_2.png) [@Kumirei](https://community.wanikani.com/u/Kumirei)
#### Post date: [March 14, 2022, 5:38pm UTC](https://community.wanikani.com/t/userscript-overall-progress-bars/56208/20 "2022-03-14T17:38:34Z")

</div>

@NicoleIsEnough I just pushed 1.2.1 which tests a smoother gradient. Can you please post a screenshot of your bars with that?

[Next page](https://community.wanikani.com/t/userscript-overall-progress-bars/56208.md?page=2)
