Module Solidtype_heroui.Progress_circle

HeroUI's ProgressCircle: Kobalte's Progress.Root, a <div role="progressbar">, with HeroUI's classes from Styles.ProgressCircle, that shows a quantity within a known range as an arc: its Fill_circle is drawn round its Track_circle as far as the value is along the range, or, indeterminate, spins as HeroUI's styles animate it. No label names it, so it is named by its aria_label.

  <Progress_circle value=60. aria_label="Loading">
    <Progress_circle.Track>
      <Progress_circle.Track_circle />
      <Progress_circle.Fill_circle />
    </Progress_circle.Track>
  </Progress_circle>

A circle's r, cx, cy and stroke_width change its size, and the track's view_box and stroke_width the drawing's; the fill's arc is measured on its own radius. A part is used inside a Progress_circle: elsewhere it raises Invalid_argument as it is made.

module Track : sig ... end

The drawing the circles are in: an <svg>, 36 units square.

module Track_circle : sig ... end

The whole circle the arc is drawn on: a <circle>.

module Fill_circle : sig ... end

The arc as far as the value is along its range, from the top, clockwise: a <circle> whose dash is that share of its own length; a quarter of it, spun by HeroUI's styles, while the circle is indeterminate.

module Props : sig ... end