1---
2title: Linear Easing Only for Progress
3impact: MEDIUM
4tags: easing, linear, progress
5---
6 
7## Linear Easing Only for Progress
8 
9Linear easing only for progress bars and time representation.
10 
11**Incorrect (linear for motion):**
12 
13```css
14.card-slide { transition: transform 200ms linear; }
15```
16 
17**Correct (linear for progress):**
18 
19```css
20.progress-bar { transition: width 100ms linear; }
21```
22