Как сделать такую штуку на CSS3?
Совмещайте
https://codepen.io/camsiesmile/pen/mAxWQO
https://codepen.io/ash_malon/pen/mAdXmB
https://codepen.io/eZ0/pen/eZXNzd
пульсирование кругов более наглядно на мой взгляд в вот такого рода анимациях можно подглядеть - 
https://codepen.io/Webevasion/pen/wmrYbg
https://codepen.io/Valiev/pen/WxrzXm
https://codepen.io/Valiev/pen/akQZbG
по счетчику - если надо чтобы проценты считались, то без js никак, например 
https://codepen.io/reddesigns/pen/qXPMZV
или подобное ищите - ключевые слова preloader animation, loading counter animation etc.