How to shifting method position progress bar type half circle

[l3oy8231]

Advice on how to use css code

My problem is it’s not centered. and display an error on the device.

thanks for the help

<pre><span><style>

div[id*='screenScrollView'] > div > :nth-child(3) {
display:fixed;
width:160px;
top: -20px; 
left: -5px;
margin-top:5px;
-webkit-transform: scale(0.7);
margin-left: calc(40% - 125px);
}

div[id*='screenScrollView'] > div > :nth-child(4) {
display:fixed;
margin-top:-225px;
left:55px;
width:auto;
-webkit-transform: scale(0.7);
margin-left: calc(50% - 125px);
}

[ThinhDinh]

So you want two charts on the same line and they must be aligned center? By center, do you mean those two should be close to each other at the center of the screen or do you want each of them to be under the “information” and “contract” text?

Either way, it’s difficult. You would have a hard time figuring out the right combination for all those px settings to make it work on every device.

[l3oy8231]

yes i want this be under the “information” and “contract” text

I’m wondering why in PUBLISH App the results are not matching.

Edit: I tried adjusting it again and it seemed to show the correct result. and displayed on the device as the developer screen.

<pre><span><style>

div[id*='screenScrollView'] > div > :nth-child(3) {
display:fixed;
width:auto;
margin-left:-180px;
-webkit-transform: scale(0.7);
}

div[id*='screenScrollView'] > div > :nth-child(4) {
display:fixed;
margin-top:-205px;
margin-left:180px;
width:auto;
-webkit-transform: scale(0.7);
}

[ThinhDinh]

So it’s working now? Good to hear!

[l3oy8231]

yes!! enough to show the desired effect. I tried adjusting the values based on the sample Css code shared in the community.