Phenix Storybook

Radial progress

75%
Attribute Type Documentation Default Value
class :string

Extends the progress class
style :atom

To have a circular progress bar, you need to set :circular.
:bar
color :atom

The background color of the ring.
:primary
size :string

Size of the progress
value :integer

A progress value, between 0 and 100.
show_value :boolean

To show the value inside the ring
true
radius :integer

The radius in px of the circular bar.
30
stroke :integer

The stroke size in px of the circular bar.
2
circular_class :string

Extend circular class
circular_text_class :string

Extend circular text class
stroke_class :string

Extend stroke class
inner_block :slot

The component inner block