Userscript manager

For this to work, we must download a user script manager, par excellence one of the best programs in recent years has been Tampermonkey, and fortunately it is available for Mozilla Firefox, Safari and Google Chrome, including all browsers derived from chromium.

                              Download for All Browsers:  https://www.tampermonkey.net/                                 

Install Script

The extension that we previously installed gives us many possibilities to add different scripts to our browser, but today we are going to focus on installing the following plugin.
  

                                https://greasyfork.org/es/scripts/30764-steambadgeshownext                            

How it Works?

After installing the script in our browsers we will go to the page of our badges, in case we get a Tampermonkey pop up, we must always allow it . On the badges page we will see that a new section has been added on the left side of each badge, that is the next badge that we will get when leveling up.
  
If you are interested in learning more about the badges of various games on steam, I recommend you visit the SteamCard Exchange, there you can also find the backgrounds and emoticons that you can get from each game.

                                  https://www.steamcardexchange.net/index.php?showcase