mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2025-01-06 20:38:42 +00:00
32 lines
553 B
Vue
32 lines
553 B
Vue
<template>
|
|
<div class="progress-bar-container">
|
|
<div class="progress-bar" :style="{ width: `${progress}%` }"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
progress: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.progress-bar-container {
|
|
background-color: #f0f0f0;
|
|
border-radius: 4px;
|
|
height: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.progress-bar {
|
|
background-color: #3498db;
|
|
height: 100%;
|
|
transition: width 0.3s ease;
|
|
}
|
|
</style>
|
|
|