效果图：
完整代码：
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8" /><title>加载动画</title><style type="text/css">/* 设置页面背景颜色 */body {background: #ECF0F1;}/* 定义加载动画容器的样式 */.load {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);/* 根据项目需求调整宽度和高度 */width: 100px;height: 100px;}/* 设置每个圆形的样式 */.load hr {border: 0; /* 去掉默认边框 */margin: 0; /* 去掉默认外边距 */width: 40%; /* 设置圆形的宽度 */height: 40%; /* 设置圆形的高度 */position: absolute; /* 绝对定位 */border-radius: 50%; /* 圆形边框 
![[大模型]GLM-4-9B-Chat WebDemo 部署](https://img-blog.csdnimg.cn/direct/e3eb918014c9477784ab87c42476b286.png#pic_center)
