模式 · 来自长文发布

写入进度胶囊

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

演示

正在写入62%

<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，不碰宿主页面
完成后变成一个勾再淡出