search

PolymerElements / paper-progress

A Material Design progress
32 stars 43 forks source link

border-radius on indeterminate #progressContainer problematic #15

Closed danbeam closed 9 years ago

danbeam commented 9 years ago

A border-radius on #progressContainer doesn't work for indeterminate progress bars (probably because of the 3D transforms in the @keyframes used to implement it?)

Ex: http://imgur.com/a/7P0Jr (just hacked up paper-progress demo page)

/cc @frankiefu @blasten

blasten commented 9 years ago

@danbeam that's right. you will also need to style #indeterminateSplitter but this element doesn't expose a mixin. Also, the material design spec doesn't seem to include rounded corners.

danbeam commented 9 years ago

fwiw: there's no longer rounded corners for <paper-progress> bars in our mocks

this will probably still be hit by other devs, though. spotify, for instance, has a progress bar that looks just like <paper-progress> with rounded corners.

blasten commented 9 years ago

Iron elements are the building blocks for paper elements. e.g. iron-range-behavior https://github.com/PolymerElements/iron-range-behavior

Paper elements try to be as flexible as possible while respecting the material design spec. One can use iron-elements to create different progress bars, e.g. <spotify-progress>

Good to know that the design doesn't need rounded corners, I'm closing this issue then.