RadialProgress

Modifier	DaisyUI class
:primary	bg-primary text-primary-content border-primary
:primary_outline	text-primary
:secondary	bg-secondary text-secondary-content border-secondary
:secondary_outline	text-secondary
:accent	bg-accent text-accent-content border-accent
:accent_outline	text-accent
:neutral	bg-neutral text-neutral-content border-neutral
:neutral_outline	text-neutral
:base_100	bg-base-100 text-base-content border-base-100
:base_100_outline	text-base-100
:base_200	bg-base-200 text-base-content border-base-200
:base_200_outline	text-base-200
:base_300	bg-base-300 text-base-content border-base-300
:base_300_outline	text-base-300
:info	bg-info text-info-content border-info
:info_outline	text-info
:success	bg-success text-success-content border-success
:success_outline	text-success
:warning	bg-warning text-warning-content border-warning
:warning_outline	text-warning
:error	bg-error text-error-content border-error

# RadialProgress

1 RadialProgress value: 70 do
2   "70%"
3 end

70%

# Different values

1 [0, 20, 60, 80, 100].map do |value|
2   RadialProgress value: do
3     "#{value}%"
4   end
5 end

20%

60%

80%

100%

# Custom color

1 RadialProgress :primary_outline, value: 70 do
2   "70%"
3 end

70%

# With background color and border

1 RadialProgress :primary, value: 70, class: "border-4" do
2   "70%"
3 end

70%

# Custom size and custom thickness

1 RadialProgress value: 70, size: "12rem", thickness: "2px" do
2   "70%"
3 end
4 
5 RadialProgress value: 70, size: "12rem", thickness: "2rem" do
6   "70%"
7 end

70%

1	[0, 20, 60, 80, 100].map do \|value\|
2	RadialProgress value: do
3	"#{value}%"
4	end
5	end

1	RadialProgress :primary, value: 70, class: "border-4" do
2	"70%"
3	end

1	RadialProgress value: 70, size: "12rem", thickness: "2px" do
2	"70%"
3	end
4
5	RadialProgress value: 70, size: "12rem", thickness: "2rem" do
6	"70%"
7	end