.preportion-bar {
    width: 100%;
    max-width: 256px;
    border-radius: 9999px;
    overflow: hidden;
    height: 0.5rem;
    display: inline-block;
    background-color: #cccccc;
    position: relative;
}

.preportion-bar-progress {
    width: 100%;
    height: 0.5rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left center;
    background-color: var(--accent);
}