Managed to animate radial progress!

[Ookamini95]

The trick is to use @property:

Css

@property --_value {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}
.animate-value {
    animation-name: grow;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: 1000ms;
    animation-fill-mode: forwards;
}

@keyframes grow {
    from {
        --_value: 0;
    }
    to {
        --_value:100;
    }
}

Html

<div class="radial-progress animate-value" style="--value:var(--_value);" role="progressbar">70%</div>

Now you can get smooth animations :)

[saadeghi]

Thanks @Ookamini95
I will add this to daisyUI 5.0