[Userscript] Full Progress Bar

After a day of fiddling with Javascript (I knew absolutely nothing before attempting this), I managed to customize my progress bar to what I want to see!

I’m not a fan of WaniKani progressing me to the next level before I’ve completed all the vocab. To me vocab is the reward after learning all the kanji for each level. So I installed True Level which doesn’t level me up until I’ve completed all the vocab, and used Reorder Omega to not show the next levels lessons in my current lesson. There’s just something about having my lessons skyrocket after a level-up that isn’t satisfying to me; I want that lesson number to hit zero first. The only issue with all this is that it’s hard to tell just how much vocab I have left, and have it be satisfying to complete it. So I messed around with Gorbit99’s “Better Progress Bar” and was able to change it up (while learning a fair bit of Javascript) to show all the Kanji (not just the amount needed to level up), and all the vocab!

I feel accomplished, now to study!

Some of you have asked that I share the code, so here it is! It’s not the cleanest, but it works! (for me at least… let me know if it doesn’t work for you hahaha)

19 Likes

3265eba18f76720319456868403c559d

And good luck with your studies! :+1:

3 Likes

Very cool!

2 Likes

Good for you! Personally I’d be too impatient to ever use this, but it’s cool that it exists.

1 Like

Is there no way to install this ourselves? I would like this too.

2 Likes

That’s an awesome idea. I know theres reordering so people can just blast through the levels without learning vocab, so it can be hard to trust some people who are 60 but have like 2000+ lessons of vocab waiting for them.

2 Likes

Yes, OP should publish it

Ummmm hahaha I totally would but then you’d see how inefficient and gross my code is XD
There’s a fair bit of redundancy that an experienced Javascript coder could eliminate.
I wouldn’t mind handing it off to you, Kumirei, to clean it up though. I also have to give a lot of credit to Gorbit99 since it’s based off his script.

1 Like

There is nothing to be ashamed of, I learned to program exactly the same way slightly_smiling_face
The first script I made barely worked, but I still published it. As long as it works it doesn’t matter what the code is like.

1 Like

The secret that we programmers hide is that we’re all bad at writing code

3 Likes

Alright! I posted it! Have at it!

2 Likes

nice!

image

i also like to leave as few vocab as poss before levelling up.

thanks for sharing!

3 Likes

Thanks for using it!

I just posted an update to the script that loads the HTML/CSS first and then grabs the data from Open Framework. That way there’s not as much visual lag.

3 Likes