1、想要绘制流程图的话，首先需要在电脑上安装个专业的迅捷流程图制作软件，使用专业的流程图软件绘制流程图比较方便。
2、流程图软件打开之后，在软件界面中点击“文件”下的“新建”按钮。
3、点击之后，在软件界面中会出现一个小窗口，在这窗口中，我们就看到很多的流程图模板，选择任意一个模板，点击一下就能使用了。
4、模板创建好之后，觉得对有些图形不是喜欢的话，使用软件界面左侧的任意一个工具，就能对流程图的模板进行修改了，修改好图形之后，选择图形鼠标双击两下就能输入文字了。输入好文字之后，选中文字，在软件界面右上侧有个“文本”工具，在这工具中就能对文字设置样式了。
5、文字输入好之后，接下来修改一下图形的颜色，使用鼠标选中任意一个图形，在软件右上侧“样式”工具中就能修改了。
6、当流程图绘制好之后，点击“文件”下的“另存为”就能将绘制好的流程图保存起来了。
流程图绘制的过程：1、首先运行安装好的迅捷流程图软件。
2、流程图软件打开之后，在软件左上角点击“文件”下的“新建”按钮。
3、新建按钮点击之后，在软件界面中我们会看到一个流程图模板的窗口，在这窗口中，选择任意一个模板点击一下就能使用了。
4、当流程图模板创建好之后，选中模板的图形鼠标双击两下就能输入文字了，文字输入好之后，选中文字，在软件右上角会有一个“文本”工具，使用这个工具就能对文字设置一些样式，比如：斜切、加粗等。
5、如果流程图模板中某一个图形颜色不好看的话，想要修改该怎么做，使用鼠标选中这个图形，在流程图软件右上角的“样式”工具中就能修改了。
6、最后将绘制好的流程图保存起来，点击“文件”菜单下的“另存为”按钮，就能将绘制好的流程图保存。
给个思路吧，一共分两层，外层div是一个时间和任务的二维坐标系，里层div是gantt图，整个gantt图大概有三个对象，一个bar是任务计划时间，一个progress是当前完成百分比，还有一个是date日期对象。bar和progress的值都从数据库来或者是传入的json数据，bar和progress的颜色不同，两者重叠表示一个任务的进度。date限定起始时间和结束时间。其他的一些添加子任务删除任务就不说了。
