Hi,
I think you might have misunderstood the rank card. Everything is shown correctly. Let's take your rank card for example. It shows you are level 19 and currently have 3800 XP, out of the total 4200 needed for level 20.
The amount of XP needed for level 19 is exactly 3800, which you have, meaning you are only at the beginning of level 19. The amount of XP needed for level 20 is 4200. The bar shows how far along you are to level 20. The bar would be around 50% with 4000 XP, since this is the midway point between 3800 and 4200. Since you have just begun level 19, the bar is at the beginning