Phenix Storybook

Pick a theme

Displays Riders

Radial progress

40%
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