I'm trying to create a circle that has small pins around (like seconds in a clock) to be like 60 of them (to count a minute)
here is a picture to describe what I mean

<https://www.123rf.com/photo_91759207_stock-vector-close-up-of-digital-timer-showing-time-that-is-running-out-only-25-seconds-left-clock-on-vector-illu.html>

I'm using React, javascript, css,
how can I make a loop that each pin would be stack to the circle 'corner' to fit his place ? 
I'm having really hard time to find a way how to arrange them to look like it.

my final goal is to create a component that will receive a `fill` as prop that will represent the number of pins that needs to be in a different color, so I **need a way to be able to control the background-color of each pin**.

any advice would be awesome. thanks!