@rendermode InteractiveServer

<FluentInputFile @ref="@myFileByBuffer"
                 AnchorId="MyUploadBuffer"
                 DragDropZoneVisible="false"
                 Mode="InputFileMode.Buffer"
                 Multiple="true"
                 MaximumFileSize="@(10 * 1024 * 1024)"
                 Accept=".zip, .xml"
                 OnProgressChange="@OnProgressChangeAsync"
                 OnCompleted="@OnCompletedAsync"/>

<FluentProgress Visible="@(progressPercent > 0)" Min="0" Max="100" Value="@progressPercent"/>
<FluentLabel Alignment="HorizontalAlignment.Center">
    @progressTitle
</FluentLabel>

<FluentButton Appearance="Appearance.Lightweight" IconStart="@(new Icons.Regular.Size16.ArrowUpload())"
              Id="MyUploadBuffer">
    Upload files
</FluentButton>

<FluentButton Appearance="Appearance.Lightweight" IconStart="@(new Icons.Regular.Size16.Dismiss())"
              @onclick="@((e) => cancelRequested = true)">
    Cancel
</FluentButton>