Hey everyone, is there any way to move text closer to each other? I have tried margin-bottom: 0px and margin-top:0px but neither seem to work.
It works! Thanks a lot. Do you know if I can change the color of the progress bar?
.colored-bar div[class*="wire-page-progress___StyledDiv3"] {
background-color: darkgreen;
}
With colored-bar being the custom class name of the progress bar component.
2 Likes
You might consider using a progress bar with HTML or using the Custom Component AI. Find this topic through search.
You also can try this:
<h2>Custom Progress Bar</h2>
<div class="progressA" style="background-color: #d8d8d8;border-radius: 20px;position: relative; margin: 15px 0;height: 30px;width: 100%;">
<div style="height: 30px; min-width:70px;">
<div class="progress-done" style="width:70%;background: linear-gradient(to left, #F2709C, #FF9472); border-radius: 20px;color: #fff; display: flex; align-items: center; justify-content: center; height: 100%;">70%</div>
</div>
</div>
1 Like
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.