palantir/blueprint

[Feature request] [Progress] Multiple stacked progress bars

開放

#3,469 建立於 2019年4月9日

在 GitHub 查看貢獻者指南
 (0 則留言) (0 個反應) (0 位負責人)TypeScript (2,167 個分叉)batch import
P3Package: coreType: feature requesthelp wanted

倉庫指標

星標
 (20,263 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

Environment

  • Package version(s): ^3.12.0
  • Browser and OS versions: Chrome 73.0.3683.86 on Windows 10

Feature request

Allow multiple progress meters with different intents within one bar

Examples

Bootstrap's progress bars support it: https://getbootstrap.com/docs/4.3/components/progress/#multiple-bars

image

貢獻者指南

研究方向
檢查 Blueprint 中現有的 ProgressBar 元件（可能在 src/components/progress bar/progressBar.tsx 中），以了解其 API 和渲染方式。查閱連結的 Bootstrap 文件中關於堆疊多個進度條的部分。考慮設計一個新的屬性（例如 'stripedBars' 或 'bars'），該屬性接受一個包含值/顏色物件的陣列。修改元件以渲染多個內部進度條，並相應更新樣式。沒有連結的 PR 或維護者評論，因此範圍是開放的。
技術棧
typescriptreact
領域
frontend
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
半天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
ReactTypeScript
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70