Angular Material Progress Bar-重做为带有文本的移动div

Question

我需要使用Angular Material2创建它。

由于“预期进度”和“您的进度”将是一个百分比，我认为我可以创建3个堆叠的进度条，但要对顶部和底部的进度条进行大量设置，以便在该条的位置有一个div，其中包含下方/上方中间带有向下/向上插入符号的文本，沿着水平轴移动到由百分比值设置的点。我不知道是否有可能，也不想花很多时间弄乱酒吧风格，只是发现它不起作用。我知道我需要提供尝试的代码，但我什至不知道从哪里开始。谢谢

Answer 1

如何使用CSS Grid创建布局？

CSS网格布局

• CSS技巧：A Complete Guide to CSS Grid Layout
• 示例网格：CSS Grid Layout by Example