如何使用只使用HTML和CSS的流程图图

给个思路吧，一共分两层，外层div是一个时间和任务的二维坐标系，里层div是gantt图，整个gantt图大概有三个对象，一个bar是任务计划时间，一个progress是当前完成百分比，还有一个是date日期对象。bar和progress的值都从数据库来或者是传入的json数据，bar和progress的颜色不同，两者重叠表示一个任务的进度。date限定起始时间和结束时间。其他的一些添加子任务删除任务就不说了。

html做流程图确实比较麻烦，但并不是不能做，如果说只是上传图片的格式太大，建议你将图片保存为jpeg ，推荐你个压缩工具ha-projpeg-520-tulip，可以讲图片压缩到较小

没有例子，不太明白你想要什么。。。。从图看职能是ps出来的切到网站上

不过做图表的特效倒是有，和你给的不太一样

你看看这个是不是你想要的效果

http://hci.stanford.edu/jheer/files/zoo/ex/networks/force.html

下面是合集地址

http://queue.acm.org/detail.cfm?id=1805128

---