# 写入进度胶囊

在别人的网页上（X 编辑器）写入时，一个细细的深色胶囊：转圈 · 进度 · 数字。放在 Shadow DOM 里。

```html
<div class="xxd-progress-pill"><span class="xxd-spinner" aria-hidden="true"></span>正在写入<progress class="xxd-progress" value="62" max="100"></progress>62%</div>
```
- 用 XxdExtension.mountXxdUI 放进 Shadow DOM，不碰宿主页面
- 完成后变成一个勾再淡出