Demo Fixes 5
This commit is contained in:
@@ -301,6 +301,30 @@
|
||||
color: #888;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Add this to your existing styles */
|
||||
.loading-progress {
|
||||
width: 100%;
|
||||
max-width: 150px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
progress {
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-bar {
|
||||
background-color: #eee;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-value {
|
||||
background-color: var(--primary-color);
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -318,6 +342,11 @@
|
||||
<span id="statusText">Disconnected</span>
|
||||
</div>
|
||||
|
||||
<!-- Add this above the model status indicators in the chat-header div -->
|
||||
<div class="loading-progress">
|
||||
<progress id="modelLoadingProgress" max="100" value="0">0%</progress>
|
||||
</div>
|
||||
|
||||
<!-- Add this model status panel -->
|
||||
<div class="model-status">
|
||||
<div id="csmStatus" class="model-indicator loading" title="Loading CSM model...">CSM</div>
|
||||
|
||||
Reference in New Issue
Block a user