Skip to content

Progress bar has erroneous black line in IE11 #1340

@rafeememon

Description

@rafeememon

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version 0.6.0
My browser is: IE11
I am sure this issue is not a duplicate? Yes

Description

The progress bar styling in IE11 is inconsistent with that in Chrome and Firefox. Namely, there is a black line at the end of the progress bar in IE11.

Screenshot from IE11:

progress_ie

Screenshot from Chrome:

progress_chrome

Steps to Reproduce

The following HTML reproduces the issue:

<progress class="progress is-success" value="60" max="100">60%</progress>

The issue is also visible by viewing the docs at https://bulma.io/documentation/elements/progress/.

Expected behavior

The progress bar has consistent styling in Chrome, Firefox, and IE.

Actual behavior

The progress bar has an erroneous black line in IE.

PR incoming to fix the issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions