Scrollbar Percentage in Wrong Position

[Daniele]

Hello,

In the progress bar the percentage text position is wrong, see screenshot

Code is the same as the default progressbar functionality page (link), top property is added directly to the element.
I tried to overwrite the rule by adding a top: 1px !important in .e-progressbar .e-progress-txt css rule but I don't think this is the right solution (as it wont correctly work if I change the progressbar heigth).

Thank you for your help.

[Prince Oliver]

Hi Daniele, 

 

Thank you for contacting Syncfusion products. 

 

We have checked the shared screenshots. We suspect that the issue is due to the CSS styles being overridden in your page. So, kindly check the styles in your page. We have attached a demo sample for your reference, please find the sample from the following location: http://www.syncfusion.com/downloads/support/forum/135571/ze/ProgressSample120511162 

 

If possible, please share your code to replicate the issue or modify the above sample to replicate the issue and send it back to us. it will help us isolate the root cause and provide solution. 

 

You can also check with our JS demo sample, kindly refer to the following link: https://js.syncfusion.com/demos/web/#!/bootstrap/progressbar/DefaultFunctionalities 

 

Regards, 

Prince 

[Daniele]

Solved, thanks.

For knowledge, I had an effect on the main content (a div containing the whole page) to fadeIn() in 1500ms. Apparently, the progressbar .js is unable to calculate the top position of the text while the content is in the "display: none" state..

I first solved by adding a timeout of 1ms to the progressbar function and it worked, but at last I changed the effect to fade in from visibility: hidden.

Thank you for your help!

[Prince Oliver]

Hi Daniele, 

Most welcome and Thank you for sharing you solution. We are glad that your issue is resolved. Let us know, if you require any further assistance regarding this. 

Regards, 

Prince