【发布时间】：2018-04-13 13:23:55
【问题描述】：
我一直在尝试创建一个基于开始日期和结束日期的进度条。
我有一个 100 个项目的清单，一些项目在 2017 年中期开始，一些在 2018 年开始，一些将在未来开始。我的目标是创建一个进度条并在 2018 年、2019 年、2020 年之间反映它。
如果项目于 2017 年开始或从 2018 年 1 月 1 日开始，那么它应该从头开始，否则它应该从一开始就以相对余量开始。
我用 html progress 标签制作了这个栏。但问题是，如果项目日期在未来，我不知道如何从 2018 年中期开始，如果日期是 2017 年或 2018 年初，我不知道如何从 2018 年开始？
欢迎提出任何建议和替代方案。 谢谢！
<progress value="100" min="{{item.End_x0020_Date -item.Start_x0020_Date}}"
max="100" style="height: 2rem; margin-top:13px; margin-left:
{{item.End_x0020_Date -item.Start_x0020_Date +'px'}};margin-right:
{{item.Start_x0020_Date +'px'}}; width: {{item.End_x0020_Date / 10+'%'}};
max-width:100%;"></progress>
【问题讨论】：
标签： html angularjs progress-bar bootstrap-4