PF6.Progress

PF6 Progress component

Progress bars communicate the status of an ongoing process.

See: https://www.patternfly.org/components/progress

Definition

type Progress

Opaque Progress type

type Size

Bar size

type Status

Status variant affects bar color

Constructor

progress : Float -> Progress

Construct a Progress bar with a value 0–100

Label modifiers

withTitle : String -> Progress -> Progress

Set a title above the bar

withHelperText : String -> Progress -> Progress

Set helper text below the bar

Size modifiers

withSmallSize : Progress -> Progress

Small bar height

withLargeSize : Progress -> Progress

Large bar height

Status modifiers

withSuccess : Progress -> Progress

Success status (green bar)

withDanger : Progress -> Progress

Danger status (red bar)

withWarning : Progress -> Progress

Warning status (yellow bar)

withInfo : Progress -> Progress

Info status (purple bar)

Measure label position

withInside : Progress -> Progress

Show percentage inside the bar

withOutside : Progress -> Progress

Show percentage outside (above-right) the bar

withNone : Progress -> Progress

Hide the percentage label

Rendering

toMarkup : Theme -> Progress -> Element msg

Render the Progress as an Element msg

lenards/elm-ui-patternfly/4.0.2