Orasund / elm-ui-widgets

Collection of reusable views for elm-ui.
https://orasund.github.io/elm-ui-widgets/
BSD 3-Clause "New" or "Revised" License
85 stars 11 forks source link

Add Progress Indicators #13

Closed c-mart closed 4 years ago

c-mart commented 4 years ago

Description

Solves issue #11. Adds circular progress indicators, both indeterminate (animated spinner showing task in progress) and determinate (circular bar showing how much of a task is complete). I did not implement linear progress indicators in this PR, leaving that for another time if there is need/interest.

Checklist for new Widget

Optional:

c-mart commented 4 years ago

The example at https://material.io/develop/web/components/circular-progress relies on this external JavaScript, which we don't want. Here is someone animating the spinner with CSS. Even better, this looks like a "pure SVG" implementation using the animate and animateTransform SVG elements.

c-mart commented 4 years ago

@Orasund this is ready for you to review! I don't believe I can make an Ellie yet because I can't install the new changes into the Ellie environment. Please clarify if I'm wrong.

c-mart commented 4 years ago

@Orasund I made the requested changes, and rebased this branch against the upstream minor branch.