Progress bar
Importing contacts since 9:40
Source
<div id="contacts-import" data-kit-role="progress-bar">
<p id="contacts-import-words" data-kit-region="words">Importing contacts since 9:40</p>
<p data-kit-region="announcement" role="status"></p>
</div>
Progress bar, running
Importing contacts: 312 of 1,240
About 4 minutes left
An action that cannot be taken.
Importing contacts: 312 of 1,240
About 4 minutes left
Cancel waits until the file check has finished.
Source
<div id="contacts-import-running" data-kit-role="progress-bar" data-kit-state="running">
<p id="contacts-import-running-words" data-kit-region="words">Importing contacts: 312 of 1,240</p>
<progress value="312" max="1240" aria-labelledby="contacts-import-running-words"></progress>
<p data-kit-role="status-line" aria-live="off">About 4 minutes left</p>
<div data-kit-region="action"><button type="button" data-kit-role="secondary-action"><span data-kit-region="label">Cancel</span></button></div>
<p data-kit-region="announcement" role="status"></p>
</div>
<p class="specimen-case-line">An action that cannot be taken.</p>
<div id="contacts-import-running-inert" data-kit-role="progress-bar" data-kit-state="running">
<p id="contacts-import-running-inert-words" data-kit-region="words">Importing contacts: 312 of 1,240</p>
<progress value="312" max="1240" aria-labelledby="contacts-import-running-inert-words"></progress>
<p data-kit-role="status-line" aria-live="off">About 4 minutes left</p>
<div data-kit-region="action"><button type="button" id="contacts-import-running-cancel" data-kit-role="secondary-action" data-kit-state="inert" disabled aria-describedby="contacts-import-running-cancel-words"><span data-kit-region="label">Cancel</span></button><p data-kit-region="words" id="contacts-import-running-cancel-words">Cancel waits until the file check has finished.</p></div>
<p data-kit-region="announcement" role="status"></p>
</div>
Progress bar, done
Imported 1,240 contacts
Source
<div id="contacts-import-done" data-kit-role="progress-bar" data-kit-state="done">
<p id="contacts-import-done-words" data-kit-region="words">Imported 1,240 contacts</p>
<p data-kit-region="announcement" role="status"></p>
</div>
Progress bar, failed
The import stopped after 312 of 1,240 contacts. Row 313 has no email address.
An action that cannot be taken.
The import stopped after 312 of 1,240 contacts. Row 313 has no email address.
Add the missing email address before retrying.
Source
<div id="contacts-import-failed" data-kit-role="progress-bar" data-kit-state="failed">
<p id="contacts-import-failed-words" data-kit-region="words">The import stopped after 312 of 1,240 contacts. Row 313 has no email address.</p>
<div data-kit-region="action"><button type="button" data-kit-role="secondary-action"><span data-kit-region="label">Retry</span></button></div>
<p data-kit-region="announcement" role="status"></p>
</div>
<p class="specimen-case-line">An action that cannot be taken.</p>
<div id="contacts-import-failed-inert" data-kit-role="progress-bar" data-kit-state="failed">
<p id="contacts-import-failed-inert-words" data-kit-region="words">The import stopped after 312 of 1,240 contacts. Row 313 has no email address.</p>
<div data-kit-region="action"><button type="button" id="contacts-import-failed-retry" data-kit-role="secondary-action" data-kit-state="inert" disabled aria-describedby="contacts-import-failed-retry-words"><span data-kit-region="label">Retry</span></button><p data-kit-region="words" id="contacts-import-failed-retry-words">Add the missing email address before retrying.</p></div>
<p data-kit-region="announcement" role="status"></p>
</div>