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 Indicator Widgets #11

Closed c-mart closed 4 years ago

c-mart commented 4 years ago

Add Progress Indicator widgets from the Material Design specification.

How are other Elm projects doing animation for progress indicators?

So, Indeterminate indicators appear very easy (just show an animated SVG). For Determinate indicators, the function could probably take a Float between 0 and 1 (or maybe an Int between 0 and 100), and use this as a parameter to indicate appropriate progress in the SVG.

I can probably implement this unless @Orasund has other ideas. In Exosphere, we are trying to discontinue use of elm-style-framework, and this would help get us there. :)

Orasund commented 4 years ago

I think for now SVG is perfectly fine. So please, go ahead.

For the future i'd like the animations to be compatible with elm-animator. At least for the determinate spinner. The indeterminate one would proberbly not benefit much from it.

Orasund commented 4 years ago

If you add a PR you will hopefully see a checklist that you can follow along.

Please try to stick to the material design specification where ever possible and add comments whenever you don't.

If you need any help, just ask.

Orasund commented 4 years ago

Thanks for your contribution. I really like how this turned out. I've just published version 2.1.0 with your widget in it ;)