Hello,
I use ProgressBar with indeterminate mode and it doesn't work because something wrong with css.
If height of progressBar is smaller than 16px, we can't see anything moving.
If height of progressBar is greater than 16px, we can see a part of progress
The html code :
<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all ui-progressbar-indeterminate" style="height: 50px; width: 300px;" role="progressbar" aria-valuemin="0" aria-valuenow="0" aria-valuemax="100">
<div class="ui-progressbar-value ui-widget-header ui-corner-all"></div> <-- This DIV hide the effect
<div class="ui-progressbar-label"></div>
</div>
The CSS code :
body .ui-progressbar .ui-progressbar-value {
height: 16px; <-- This value should fixe at 0 to see progress effect.
padding: 0;
}
I hope that is clear.
Primefaces 6.2
Serenity: layout-moody
Regards,
Quedave
ProgressBar indeterminate hiding by div.
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 87
- Joined: 10 Jan 2018, 16:04
Please use following css code;
Regards
Code: Select all
body .ui-progressbar .ui-progressbar-value {
height: 0;
padding: 0;
}
-
- Information
-
Who is online
Users browsing this forum: No registered users and 5 guests