Introduction - If you have any usage issues, please Google them yourself
The first step in creating a 1: DIV 1, (width and height) Custom:
The second step to create two rectangles, half the height of the width of the piece was a square
The third step is to set the rectangle and rectangular angle makes semicircle cut set the border
The fourth step is created for each rectangle in the circle (and create the inner circle)
The fifth step fill color, rotation angle to the overall
The sixth step is created inside the rotation animation css3 reference to its parent label.