加载状态类型

• Loading动画：旋转图标
• 骨架屏：内容占位预览
• 进度条：上传/下载进度
• 骨架屏：Facebook风格

骨架屏实现

.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

最佳实践

骨架屏比loading动画体验更好，应提前规划占位结构，动画时长1-2秒为宜。