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

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)

The linear progress indicator follows the direction that text flows, as indicated by (the nearest anchestor's) rtl attribute.

To override that value, you may specify Html.Attributes.dir "rtl" (or "ltr") insetAttributes`.