2 <html dir="{@$__wcf->getLanguage()->getPageDirection()}" lang="{@$__wcf->getLanguage()->getFixedLanguageCode()}">
4 <title>{lang}wcf.global.progressBar{/lang} - {lang}wcf.global.title{/lang}</title>
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <link rel="stylesheet" type="text/css" media="screen" href="{if $lastStep|isset}{@RELATIVE_WCF_DIR}acp/style/setup/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showCSS={/if}WCFSetup.css">
11 <style type="text/css">
14 font-family: 'FontAwesome';
15 src: url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showFont=fontawesome-webfont.eot');
16 src: url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showFont=fontawesome-webfont.eot#iefix') format('embedded-opentype'),
17 url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showFont=fontawesome-webfont.ttf') format('truetype');
29 <div id="pageContainer" class="pageContainer">
30 <div id="pageHeaderContainer" class="pageHeaderContainer">
31 <header id="pageHeader" class="pageHeader">
33 <div class="layoutBoundary">
34 <div id="pageHeaderLogo" class="pageHeaderLogo">
35 <img src="{if $lastStep|isset}{@RELATIVE_WCF_DIR}acp/images/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showImage={/if}wcfLogo.png" alt="" style="height: 40px; width: 288px;">
42 <section id="main" class="main" role="main">
43 <div class="layoutBoundary">
44 <div id="content" class="content">
45 <header class="contentHeader">
46 <div class="contentHeaderTitle">
47 <h1 class="contentTitle">{lang}wcf.global.title{/lang}</h1>
48 <p class="contentHeaderDescription">{implode from=$setupPackageNames item='setupPackageName'}{'/^WoltLab Suite /'|preg_replace:'':$setupPackageName}{/implode}</p>
49 <p class="contentHeaderDescription"><progress id="packageInstallationProgress" value="{@$progress}" max="100" style="width: 300px;" title="{@$progress}%">{@$progress}%</progress></p>