search

googlearchive / paper-slider

A slider à la Material Design
16 stars 18 forks source link

paper-slider's secondaryProgress does not render (has style width: 0%) #26

Closed kenmoore closed 9 years ago

kenmoore commented 9 years ago

I'm trying to style the secondaryProgress color, and can't get it to render.

My CSS is properly targeting the nested shadow element, but for some reason the secondaryProgress element has style="width: 0%" so it simply doesn't render.

For sanity check, here's my CSS and markup

  paper-slider::shadow #sliderBar::shadow #secondaryProgress {
    background-color: blue;
  }
  ...
  <paper-slider pin></paper-slider>
frankiefu commented 9 years ago

You need to set a value for secondaryProgress in order to see it.

paper-slider::shadow #sliderBar::shadow #secondaryProgress {
  background-color: lightblue;
}

<paper-slider value="50" secondaryProgress="75"></paper-slider>