thaw/demo_markdown/docs/progress/mod.md

Progress

let percentage = create_rw_signal(0.0f32);

view! {
    <Space vertical=true>
        <Progress percentage show_indicator=false/>
        <Progress percentage/>
        <Progress percentage indicator_placement=ProgressIndicatorPlacement::Inside/>
        <Progress percentage color=ProgressColor::Success/>
        <Progress percentage color=ProgressColor::Warning/>
        <Progress percentage color=ProgressColor::Error/>
        <Space>
            <Button on_click=move |_| percentage.update(|v| *v -= 10.0)>"-10%"</Button>
            <Button on_click=move |_| percentage.update(|v| *v += 10.0)>"+10%"</Button>
        </Space>
    </Space>
}

Circle

let percentage = create_rw_signal(0.0f32);

view! {
    <Space>
        <ProgressCircle percentage/>
        <ProgressCircle percentage color=ProgressColor::Success/>
        <ProgressCircle percentage color=ProgressColor::Warning/>
        <ProgressCircle percentage color=ProgressColor::Error/>
    </Space>
    <Space>
        <Button on_click=move |_| percentage.update(|v| *v -= 10.0)>"-10%"</Button>
        <Button on_click=move |_| percentage.update(|v| *v += 10.0)>"+10%"</Button>
    </Space>
}

Progress Props

Name	Type	Default	Description
percentage	MaybeSignal<f32>	Default::default()	Percentage value.
color	MaybeSignal<ProgressColor>	ProgressColor::Primary	Progress color.
show_indicator	MaybeSignal<bool>	true	Whether to display indicators.
indicator_placement	MaybeSignal<ProgressIndicatorPlacement>	ProgressIndicatorPlacement::Outside	Indicator placement.

ProgressCircle Props

Name	Type	Default	Description
class	OptionalProp<MaybeSignal<String>>	Default::default()	Addtional classes for the progress element.
percentage	MaybeSignal<f32>	Default::default()	Percentage value.
color	MaybeSignal<ProgressColor>	ProgressColor::Primary	ProgressCircle color.
size	MaybeSignal<Stringr>	120px	ProgressCircle size.
children	Option<Children>	None	ProgressCircle's content.