Material.LinearProgress

Linear progress indicators visualize the linear progression of either determinate or indeterminate activities.

Resources

import Material.LinearProgress as LinearProgress


main =
    LinearProgress.indeterminate LinearProgress.config

type Config msg

Linear progress configuration

Default linear progress configuration

setReverse : Bool -> Config msg -> Config msg

Specify whether the direction of a linear progress indicator should be reversed

setClosed : Bool -> Config msg -> Config msg

Specify whether a linear progress indicator should be hidden

setAttributes : List (Attribute msg) -> Config msg -> Config msg

Specify additional attributes

Indeterminate linear progress variant

LinearProgress.determinate LinearProgress.config
    { progress = 0.5 }

determinate : Config msg -> { progress : Float } -> Html msg

Determinate linear progress variant

LinearProgress.buffered LinearProgress.config
    { progress = 0.5, buffered = 0.75 }

Config msg

-> { progress : Float

, buffered : Float

}

-> Html msg

Buffered linear progress variant

If you want to hide the linear progress indicator, set its setClosed configuration option to True.

LinearProgress.indeterminate
    (LinearProgress.config |> LinearProgress.setClosed True)

If you want to reverse the direction of the linear progress indicator, set its setReverse configuration option to True.

LinearProgress.indeterminate
    (LinearProgress.config |> LinearProgress.setReverse True)