How to create segmented Health Bar from Overwatch

Does anyone know how to make a health bar similar to what’s in this video?
https://www.youtube.com/watch?v=33xNTO7x89c

I’m wanting to learn how to replicate the health system/ui from Overwatch but I’m not sure how to divvy out a character’s Total Health into segments worth 25 health points each. Also how to include things like Armor, Shields, or Over Health to attach to the health progress bar. That and which progress bar takes priority over health damage if the character has armor, shields, or over health.

I’ve also seen the guide from the user Everynone, it sort of helps with building out something similar but they never show it in action (basically we never see it function as a progress bar). Any advice is welcome, and I thank you for your time.