Segmented Circular Progress Indicator

Compare90 variants of Segmented Circular Progress Indicator, against Figma

1. FigmaM3 Wear OS Apps Design KitMatch
2. ideal/complete94.9%diff →
3. ideal/default86.4%diff →
4. ideal/disabled83.3%diff →
5. ideal/overflow89.0%diff →
6. ideal/segments-175.4%diff →
7. ideal/segments-1-complete92.9%diff →
8. ideal/segments-1-disabled77.7%diff →
9. ideal/segments-1-overflow84.0%diff →
10. ideal/segments-1-small-stroke82.6%diff →
11. ideal/segments-1-small-stroke-complete94.5%diff →
12. ideal/segments-1-small-stroke-disabled80.9%diff →
13. ideal/segments-1-small-stroke-overflow88.1%diff →
14. ideal/segments-1-small-stroke-zero27.1%diff →
15. ideal/segments-1-small-stroke-zero-disabled99.7%diff →
16. ideal/segments-1-zero95.6%diff →
17. ideal/segments-1-zero-disabled99.6%diff →
18. ideal/segments-1086.7%diff →
19. ideal/segments-10-complete93.8%diff →
20. ideal/segments-10-disabled87.0%diff →
21. ideal/segments-10-overflow83.2%diff →
22. ideal/segments-10-zero96.6%diff →
23. ideal/segments-10-zero-disabled99.6%diff →
24. ideal/segments-1191.1%diff →
25. ideal/segments-11-complete92.6%diff →
26. ideal/segments-11-disabled86.0%diff →
27. ideal/segments-11-overflow82.3%diff →
28. ideal/segments-11-zero95.5%diff →
29. ideal/segments-11-zero-disabled99.4%diff →
30. ideal/segments-1292.8%diff →
31. ideal/segments-12-complete95.0%diff →
32. ideal/segments-12-disabled86.7%diff →
33. ideal/segments-12-overflow83.5%diff →
34. ideal/segments-12-zero97.4%diff →
35. ideal/segments-12-zero-disabled99.7%diff →
36. ideal/segments-1393.6%diff →
37. ideal/segments-13-complete92.2%diff →
38. ideal/segments-13-disabled86.0%diff →
39. ideal/segments-13-overflow81.1%diff →
40. ideal/segments-13-zero95.0%diff →
41. ideal/segments-13-zero-disabled99.4%diff →
42. ideal/segments-1493.2%diff →
43. ideal/segments-14-completeon the stage92.8%diff →
44. ideal/segments-14-disabled86.7%diff →
45. ideal/segments-14-overflow82.6%diff →
46. ideal/segments-14-zero95.9%diff →
47. ideal/segments-14-zero-disabled99.4%diff →
48. ideal/segments-287.0%diff →
49. ideal/segments-2-complete96.6%diff →
50. ideal/segments-2-disabled83.1%diff →
51. ideal/segments-2-overflow83.4%diff →
52. ideal/segments-2-zero98.1%diff →
53. ideal/segments-2-zero-disabled99.9%diff →
54. ideal/segments-388.4%diff →
55. ideal/segments-3-complete94.7%diff →
56. ideal/segments-3-disabled82.0%diff →
57. ideal/segments-3-overflow84.4%diff →
58. ideal/segments-3-zero97.0%diff →
59. ideal/segments-3-zero-disabled99.7%diff →
60. ideal/segments-487.4%diff →
61. ideal/segments-4-complete97.4%diff →
62. ideal/segments-4-disabled83.4%diff →
63. ideal/segments-4-overflow87.9%diff →
64. ideal/segments-4-zero98.7%diff →
65. ideal/segments-4-zero-disabled99.9%diff →
66. ideal/segments-595.6%diff →
67. ideal/segments-5-complete93.9%diff →
68. ideal/segments-5-disabled85.4%diff →
69. ideal/segments-5-overflow91.0%diff →
70. ideal/segments-5-zero96.6%diff →
71. ideal/segments-5-zero-disabled99.7%diff →
72. ideal/segments-791.6%diff →
73. ideal/segments-7-complete93.2%diff →
74. ideal/segments-7-disabled84.6%diff →
75. ideal/segments-7-overflow85.4%diff →
76. ideal/segments-7-zero95.9%diff →
77. ideal/segments-7-zero-disabled99.5%diff →
78. ideal/segments-895.0%diff →
79. ideal/segments-8-complete96.4%diff →
80. ideal/segments-8-disabled85.6%diff →
81. ideal/segments-8-overflow85.0%diff →
82. ideal/segments-8-zero98.2%diff →
83. ideal/segments-8-zero-disabled99.8%diff →
84. ideal/segments-988.1%diff →
85. ideal/segments-9-complete93.0%diff →
86. ideal/segments-9-disabled86.1%diff →
87. ideal/segments-9-overflow83.5%diff →
88. ideal/segments-9-zero95.9%diff →
89. ideal/segments-9-zero-disabled99.5%diff →
90. ideal/zero97.3%diff →
91. ideal/zero-disabled99.7%diff →

every component →