Phenix Storybook

Pick a theme

Displays Riders

Radial progress

Default Open in playground
75% 
<.progress value={75} color={:primary} style={:circular}/>
Larger ring Open in playground
40% 
<.progress value={40} color={:danger} style={:circular} circular_text_class="text-4xl text-danger" radius={60} stroke={5}/>
Small ring Open in playground 
<.progress value={10} color={:primary} style={:circular} radius={20} stroke={5}/>