compose-preview M3 Wear OS Apps Design Kit

Segmented Circular Progress Indicator

segmentedcircularprogressindicator__ideal__segments-1-zero-disabled 208 views
Theme Dark
current

Every publish of this design system is a commit on its delivery branch. Opening one pins this page — and the pixels on it — to that publish for good.

The same ring cut into segments, for progress through a countable set of steps.

Segmented Circular Progress Indicator
View
Size
Exploded 3D
One sheet per visible drawing level. Structural-only composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.
Locale & text
Overlays
Inspect
Overlays (Live Compose)
Overrides
Declared overrides — edit a value to re-render.

Compare90 variants of Segmented Circular Progress Indicator

  1. ideal/complete
  2. ideal/default
  3. ideal/disabled
  4. ideal/overflow
  5. ideal/segments-1
  6. ideal/segments-1-complete
  7. ideal/segments-1-disabled
  8. ideal/segments-1-overflow
  9. ideal/segments-1-small-stroke
  10. ideal/segments-1-small-stroke-complete
  11. ideal/segments-1-small-stroke-disabled
  12. ideal/segments-1-small-stroke-overflow
  13. ideal/segments-1-small-stroke-zero
  14. ideal/segments-1-small-stroke-zero-disabled
  15. ideal/segments-1-zero
  16. ideal/segments-1-zero-disabledon the stage
  17. ideal/segments-10
  18. ideal/segments-10-complete
  19. ideal/segments-10-disabled
  20. ideal/segments-10-overflow
  21. ideal/segments-10-zero
  22. ideal/segments-10-zero-disabled
  23. ideal/segments-11
  24. ideal/segments-11-complete
  25. ideal/segments-11-disabled
  26. ideal/segments-11-overflow
  27. ideal/segments-11-zero
  28. ideal/segments-11-zero-disabled
  29. ideal/segments-12
  30. ideal/segments-12-complete
  31. ideal/segments-12-disabled
  32. ideal/segments-12-overflow
  33. ideal/segments-12-zero
  34. ideal/segments-12-zero-disabled
  35. ideal/segments-13
  36. ideal/segments-13-complete
  37. ideal/segments-13-disabled
  38. ideal/segments-13-overflow
  39. ideal/segments-13-zero
  40. ideal/segments-13-zero-disabled
  41. ideal/segments-14
  42. ideal/segments-14-complete
  43. ideal/segments-14-disabled
  44. ideal/segments-14-overflow
  45. ideal/segments-14-zero
  46. ideal/segments-14-zero-disabled
  47. ideal/segments-2
  48. ideal/segments-2-complete
  49. ideal/segments-2-disabled
  50. ideal/segments-2-overflow
  51. ideal/segments-2-zero
  52. ideal/segments-2-zero-disabled
  53. ideal/segments-3
  54. ideal/segments-3-complete
  55. ideal/segments-3-disabled
  56. ideal/segments-3-overflow
  57. ideal/segments-3-zero
  58. ideal/segments-3-zero-disabled
  59. ideal/segments-4
  60. ideal/segments-4-complete
  61. ideal/segments-4-disabled
  62. ideal/segments-4-overflow
  63. ideal/segments-4-zero
  64. ideal/segments-4-zero-disabled
  65. ideal/segments-5
  66. ideal/segments-5-complete
  67. ideal/segments-5-disabled
  68. ideal/segments-5-overflow
  69. ideal/segments-5-zero
  70. ideal/segments-5-zero-disabled
  71. ideal/segments-7
  72. ideal/segments-7-complete
  73. ideal/segments-7-disabled
  74. ideal/segments-7-overflow
  75. ideal/segments-7-zero
  76. ideal/segments-7-zero-disabled
  77. ideal/segments-8
  78. ideal/segments-8-complete
  79. ideal/segments-8-disabled
  80. ideal/segments-8-overflow
  81. ideal/segments-8-zero
  82. ideal/segments-8-zero-disabled
  83. ideal/segments-9
  84. ideal/segments-9-complete
  85. ideal/segments-9-disabled
  86. ideal/segments-9-overflow
  87. ideal/segments-9-zero
  88. ideal/segments-9-zero-disabled
  89. ideal/zero
  90. ideal/zero-disabled

source

▶ playground

report a catalog issue
Applied as a parity: label, so the catalog’s issue index can tell a difference that is ours from one that is not. Leave it on needs investigating if you are not sure — that is what it is for.Files against yschimke/wear-m3-catalog — the project whose code declares this preview, not the preview server. The rest of the report — what you were looking at, which build, the links — is filled in for you on GitHub.
Export PNG Download SVG Download

Report a problem

Two trackers — pick whichever owns the thing that is wrong.