ComponentsShipped
Progress
The comet: a gradient whose tail is its own width, so near the top it is a short dark nib and at the bottom a long sweep.
Show code
<div class="bar d-p25"><i></i></div>
<div class="bar d-p60"><i></i></div>
<div class="bar bar-solid d-p90"><i></i></div>Set --p (0 to 1) on .bar. The page-level .progress is fixed at the top and driven by heyrav.js - it is running on this page now.
Vertical rail
Show code
<div class="rail-v d-p40"><i></i></div>The phone walkthrough's 3px side rail, in --ink-3 on --surface-3.
Where it is not
The home page has no comet: it is a short browse, and a permanent hairline over the hero competes with the one thing that page is for. The loader has none either - its drum already is the progress indicator.