Animated Bootstrap Run Animation Using 50% CPU

Question

I have a couple of progress indicators on my site <div class="progress-bar progress-bar-striped active"></div>.
These progress indicators occupy about 50% of the processor.
When I delete a class activefrom all progress indicators, the CPU drops abruptly.
I would like to have animated progress bars that don't take up as much CPU.
Is it possible?

Answer 1

I saw the answer about CPU usage in CSS animations, they suggested using:

transform: translateZ(0);

( , , 3D-), GPU, . 20% ( )