如何显示视频缓冲百分比？

如何在加载缓冲时显示进度百分比呢？就是在视频开始加载时以及视频播放中需要再次缓冲而停止播放时，如何显示状态和缓冲百分比呢？目前就是一个进度圈一直在转，用户体验不是很好，用户不知道当前视频处于什么状态，如下图