closes#2569, changed fixed 4px to .38rem height.

[slzakaria]

The issue seems to be only in some browsers ( safari has it, firefox was fine) ,changed from fixed pixels to rem unit , displays the same accros the different browsers

[raimund-schluessler]

This does not fix it in Chrome for me.
This does:

.progress-bar[value]::-webkit-progress-value {
    border-radius: 2px;
    height: 4px;
}

[raimund-schluessler]

This does not fix it in Chrome for me. This does:

.progress-bar[value]::-webkit-progress-value {
    border-radius: 2px;
    height: 4px;
}

This means the CSS here needs to be adjusted depending on the prop:
https://github.com/nextcloud/nextcloud-vue/blob/593bc9d7f0be0b87eae2906844ea67b9d9c7b0ac/src/components/ProgressBar/ProgressBar.vue#L120-L126

[raimund-schluessler]

@Zackaria-Slimane I had an idea how to fix this nicely with a lot less code and implemented it in #2618. I hope you don't mind that I close this one here in favor of #2618.