<div id="download"> <script src="/download.js"></script> <div id="download-page-one"> <div class="title"> <span id="dl-filename" data-l10n-id="downloadFileName" data-l10n-args='{"filename": "{{filename}}"}'></span> <span data-l10n-id="downloadFileSize" data-l10n-args='{"size": "{{filesize}}"}'></span> <span id="dl-bytelength" hidden="true">{{sizeInBytes}}</span> <span id="dl-ttl" hidden="true">{{timeToExpiry}}</span> </div> <div class="description" data-l10n-id="downloadMessage"></div> <img src="/resources/illustration_download.svg" id="download-img" data-l10n-id="downloadAltText"/> <div> <button id="download-btn" data-l10n-id="downloadButtonLabel"></button> </div> </div> <div id="download-progress" hidden="true"> <div class="title" data-l10n-id="downloadingPageProgress" data-l10n-args='{"filename": "{{filename}}", "size": "{{filesize}}"}'> </div> <div class="description" data-l10n-id="downloadingPageMessage"></div> <!-- progress bar here --> <div class="progress-bar" id="dl-progress"> <div class="percentage"> <span class="percent-number"></span> <span class="percent-sign">%</span> </div> </div> <div class="upload"> <div class="progress-text">{{filename}}</div> </div> </div> <a class="send-new" data-l10n-id="sendYourFilesLink"></a> </div>