Ionic Progress Variables

ionic-v1
1

I want to style a progress bar <progress> element in my application but it keeps changing to a default setting.
I did try to change it in my scss folder in Progress.scss and also made a Custom style nothing cahnged.

What makes it strange is that I was busy styling and all the styles worked until I had a good looking progress bar and then suddenly it went back to its former state.

Is there some kind of bug or mistake that I am making?

progress {
  display: block;
  //margin: $progress-margin ;
  width: $progress-width ;
}

 progress::-webkit-progress-bar 
    {
         background-color: #ddd;
         border-radius: 2px;
         box-shadow: 0 2px 5px rgba(244, 244, 244, 0.25) inset; 
         width: 100%;
         height: 20px;
    }
progress::-webkit-progress-value 
    { 
    background: #3299E6; 
    }

Thanks

2

So it’s a bit hard to debug this without knowing a bit more than the scss.

Is there any way you could provide a small demo of this?

1 Like
3

Sorry for coming back now I have found a solution I was using the web-kits incorrectly.