mermaid耗时分析模版图

我提供这样的图，我希望用于描述一个流程的耗时分布.
这个流程可能会由多个步骤串行组成，并且内部也会有多个循环，每个大步骤内部可能是由许多小步骤组成的。
我希望能绘制出每个小步骤、大步骤、子循环耗时、循环次数、总循环耗时这样的耗时分布图。
请你给我一个mermaid语法图的模版，让我可以套用

gantt title 流程耗时分布图 dateFormat HH:mm:ss axisFormat %S秒 section 主流程A (总计: 30s) 步骤A1 (5s) :a1, 00:00:00, 5s 步骤A2 (3s) :a2, after a1, 3s section 循环流程B (3次循环, 总计: 15s) B循环1 :b1, after a2, 5s B循环2 :b2, after b1, 5s B循环3 :b3, after b2, 5s section 子步骤C (总计: 7s) 步骤C1 (2s) :c1, after b3, 2s 步骤C2 (3s) :c2, after c1, 3s 步骤C3 (2s) :c3, after c2, 2s

gantt title 流程耗时分布图 dateFormat HH:mm:ss axisFormat %H:%M:%S section 主流程A (总计: 30s) 步骤A1 (5s) :a1, 00:00:00, 5s 步骤A2 (3s) :a2, after a1, 3s section 循环流程B (100次循环 x 5s = 总计500s) 单次循环示例 :crit, b1, after a2, 5s 子步骤B1 (2s) :b11, after a2, 2s 子步骤B2 (2s) :b12, after b11, 2s 子步骤B3 (1s) :b13, after b12, 1s 循环剩余时间 :done, b2, after b1, 495s section 结束流程C (总计: 7s) 步骤C1 (2s) :c1, after b2, 2s 步骤C2 (3s) :c2, after c1, 3s 步骤C3 (2s) :c3, after c2, 2s