palantir/blueprint

Progress bar with multiple elements

Open

#4,490 创建于 2021年1月20日

在 GitHub 查看
 (3 评论) (0 反应) (0 负责人)TypeScript (20,263 star) (2,167 fork)batch import
P2Package: coreType: feature requesthelp wanted

描述

Environment

  • Package version(s): core 3.37
  • Browser and OS versions: Safari 14, macOS BigSur

Feature request

Either extend the current progress bar or create a "MultiProgressBar" component that allows setting multiple elements in different colors/intents that are stacked on top of each other.

Examples

alt

I made this for a project that mostly uses blueprint and thought it would be nice to have in blueprint too.

I am willing to write the code for this but would need some guidance on how to structure it (adjust ProgressBar or make MultiProgressBar, prop structure etc)

贡献者指南

技术栈
typescriptreactcss
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-2 days
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
ReactTypeScriptBlueprint ProgressBar component
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
Start by examining the existing ProgressBar component in Blueprint to understand its current API and implementation. Look at the referenced react multi progress package for inspiration on prop structure and multi segment behavior. Check the issue comments for any maintainer guidance on whether to extend ProgressBar or create a separate MultiProgressBar component.
Progress bar with multiple elements · palantir/blueprint#4490 | Good First Issue