Proton
Proton from 网页模板

Progress

  1. Home
  2. UI Features
  3. Progress

Progress Bars

Basic
75
Progress
Completed: 100%
Upload
Uploading: 0 Mb / 50 Mb
Upload
Uploading: 0 Mb / 53 Mb
Upload
Uploading: 0 Mb / 100 Mb
Upload
Uploading: 0 Mb / 30 Mb

Progress Bars Slim

Basic
60
Progress
Value: 100%
Upload
Uploading: 0 Mb / 50 Mb
Upload
Uploading: 0 Mb / 53 Mb
Upload
Uploading: 0 Mb / 100 Mb
Upload
Uploading: 0 Mb / 30 Mb

Standard Progress Bars

Basic

90% Complete

With label

80%

Contextual alternatives

50% Complete (success)
30% Complete
25% Complete (warning)
75% Complete

Striped

45% Complete (success)
70% Complete
90% Complete (warning)
30% Complete (danger)

Animated

30% Complete
45% Complete
90% Complete
25% Complete

Stacked

15% Complete (success)
45% Complete (warning)
30% Complete (danger)

Thin Progress Bars

Basic

35% Complete

With label

80%

Contextual alternatives

40% Complete (success)
65% Complete
70% Complete (warning)
100% Complete

Striped

25% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

Animated

90% Complete
25% Complete
75% Complete
85% Complete

Stacked

60% Complete (success)
15% Complete (warning)
10% Complete (danger)



  • Memory
    4GB of 8GB
  • HDD
    250GB of 1TB
  • SSD
    700GB of 1TB
  • Bandwidth
    90TB of 100TB