ProgressBar indeterminate hiding by div.

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
Quedave
Posts: 1
Joined: 09 Sep 2015, 18:03

08 May 2018, 18:57

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

kubrasulukan
Posts: 87
Joined: 10 Jan 2018, 16:04

09 May 2018, 14:05

Please use following css code;

Code: Select all


body .ui-progressbar .ui-progressbar-value {
height: 0;
padding: 0;
}
Regards

Post Reply

Return to “Serenity - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests