Radial Progress

DaisyUI

Radial progress can be used to show the progress of a task or to show the passing of time.

Basic Radial Progress
70%
Sizes

Use --size CSS variable for custom sizes.

80%
60%
40%
Thickness

Use --thickness CSS variable for custom thickness.

50%
50%
Colors

Use Tailwind text color utilities.

90%
75%
60%
Code Example
use rsxui::components::RadialProgress;
use rsx_macros::rsx;
let html = rsx! {
    <RadialProgress value="70" size="5rem" thickness="4px">
        "70%"
    </RadialProgress>
};