New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Implement styling progress bar based on value in Chrome #23

Open

luttje opened this issue Mar 7, 2025 · 0 comments

Labels

enhancement good first issue

Owner

luttje commented Mar 7, 2025 •

edited

Loading

On the Demo is this text:

css-pokemon-gameboy/index.html

Line 133 in e28c3aa

    
           <em>* On Google Chrome the &lt;Progress&gt; element does not support changing color based on the [value] attribute. Apply a .p1 - .p100 class to the progressbar for maximum compatibility.</em>

But this fiddle clearly demonstrates that it is possible to style based on value: https://jsfiddle.net/9v2kex1j/ (only works in Chrome)

So we can make the .p1-100 classes completely optional and style progress bars based on value instead.

The text was updated successfully, but these errors were encountered:

luttje added enhancement good first issue labels

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment