div(
:class=`[
"gb-base-progress-bar",
"gb-base-progress-bar--" + color,
"gb-base-progress-bar--" + computedTheme,
{
"gb-base-progress-bar--with-details-hover": detailsHover
}
]`
)
span(
v-if="title || details"
class="gb-base-progress-bar__content"
)
span(
v-if="title"
class="gb-base-progress-bar__title"
) {{ title }}
span(
v-if="details"
class="gb-base-progress-bar__details"
) {{ details }}
span(
v-if="detailsHover"
class="gb-base-progress-bar__details-hover"
) {{ detailsHover }}
.gb-base-progress-bar__bar
div(
:style=`{
width: safeProgress + "%"
}`
class="gb-base-progress-bar__progress"
)