I'm not very skilled when it comes to PHP but I've created this and it's probably not the best way to put it together but the only one that came to my mind right now.
What are we looking at?
It's the Apple Watch 'standing up in each hour' activity ring. This ring holds 12 image slices so called 'steps' because you have to stand up at least 12 times a day till you reach your goal (100% full circle) this means when you stand for 14 or 16 times a day the ring will loop further around 100% but the only difference between slide 2 and 14 is the background behind the circle will already be filled. Because I don't like to create 24 slices but only 12, I will rotate slide number 12 (full circle) X degree when the value gets over 12+ this will keep the amount of used images on the page low because we keep using slide number 12 most of the time only rotate it around for step 12 till 24.
Example: the blue middle ring
PHP wise everything is working so far but you can imagine how tall those if else list will become when I start the red 'move' or calories burned circle. This circle has 100 slices or better called steps. The green circle has 30 slices. That's why I was wondering if there is maybe a more lean way to make those if else steps. Maybe performance wise this can be done a lot better.
Thanks already..


{}editor toolbar button orctl-kit will be indented 4 spaces with a preceding blank as a code block, which gets it syntax highlighting based on thephptag. It makes it much easier for answerers to assemble new code based on existing.