作者分享了制作进度条、进度环和滑动条的简单方法，希望能给大家带来一定的收获。

画原型的目的之一是为了给开发人员看功能的实现效果，同时也可以打包制作成Demo给相关人员了解产品的完成形态，是产品人员的必备技能之一。除了画原型，产品人员还要做需求分析和文档编写等工作，所以不能花太多时间在此环节上。

画原型所需时间与实现方法有关，以提高效率为目的，本文尽可能详细的介绍了进度条、进度环和滑动条三种原型的最简单实现方法，在介绍方法的过程中与大家分享自定义函数和常用math函数的使用以及元件操作的一些小技巧，希望能帮助大家在画原型的时候更加得心应手。

一、进度条

进度条常见于页面载入过程中，用于向用户展示当前的进度情况，配合上有趣的动画效果可减少用户的等待焦虑。