diff --git a/example/webui/index.html b/example/webui/index.html
index 9077098..74445aa 100644
--- a/example/webui/index.html
+++ b/example/webui/index.html
@@ -22,6 +22,44 @@
.htmx-request .htmx-indicator{
opacity:1
}
+ /* https://cssloaders.github.io/ */
+ .loader {
+ width: 4px;
+ height: 20px;
+ border-radius: 4px;
+ display: block;
+ margin: 20px auto;
+ position: relative;
+ background: currentColor;
+ color: #FFF;
+ box-sizing: border-box;
+ animation: animloader 0.3s 0.3s linear infinite alternate;
+}
+
+.loader::after, .loader::before {
+ content: '';
+ width: 4px;
+ height: 20px;
+ border-radius: 4px;
+ background: currentColor;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 20px;
+ box-sizing: border-box;
+ animation: animloader 0.3s 0.45s linear infinite alternate;
+}
+.loader::before {
+ left: -20px;
+ animation-delay: 0s;
+}
+
+@keyframes animloader {
+ 0% { height: 24px}
+ 100% { height: 2px}
+}
+
+
diff --git a/example/webui/main.go b/example/webui/main.go
index 6131a35..7e18435 100644
--- a/example/webui/main.go
+++ b/example/webui/main.go
@@ -204,7 +204,7 @@ func (a *App) Chat(m sse.Manager) func(w http.ResponseWriter, r *http.Request) {
m.Send(
sse.NewMessage(
- chatDiv("...", "red") + "",
+ `
`,
).WithEvent("message_status"))
}
}