Crear un elemento HTML <progress> en línea
El Generador HTML Progress crea un elemento <progress> con etiqueta para representar el estado de finalización de una tarea. Defina el máximo y el valor actual para un progreso determinado, o active Indeterminate para omitir value cuando todavía no pueda calcularse el avance.
Use el Generador HTML Meter para una medida escalar dentro de un rango conocido, como el uso de almacenamiento, y no para la finalización de una tarea.
Opciones del Generador HTML Progress
- ID conecta el elemento de progreso con su Label visible.
- Max define la cantidad positiva de trabajo necesaria para completar la tarea.
- Value define el trabajo completado y se mantiene entre cero y Max.
- Indeterminate omite
valuepara indicar que la tarea avanza, pero se desconoce la fracción completada.
El texto incluido dentro de <progress> es contenido alternativo. Los atributos proporcionan el valor de progreso a los navegadores compatibles.
Crear un elemento HTML <progress> en C#
El panel C# muestra cómo crear el indicador configurado con Aspose.HTML for .NET . El código generado sigue este flujo:
- Cree un
HTMLDocument. - Cree el elemento
progressmedianteCreateElement(). - Defina su ID y el máximo, y añada
valuesolo para un progreso determinado. - Cree la etiqueta asociada, añada ambos elementos mediante
AppendChild()y guardeprogress.htmlconSave().
Elija un progreso determinado o indeterminado antes de copiar el código C#.
Preguntas sobre el Generador HTML Progress
1. ¿Cuándo debe usarse <progress> en lugar de <meter>?
Use <progress> para mostrar la finalización de una tarea, como una carga o un trabajo de procesamiento. Use <meter> para una medida escalar dentro de un rango conocido que no represente el avance de una tarea.
2. ¿Cómo se crea una barra de progreso indeterminada?
Omita el atributo value y mantenga un valor max positivo. El navegador indicará que hay actividad en curso sin afirmar que se ha completado una fracción conocida.
3. ¿Cómo se calcula el porcentaje completado?
Para un progreso determinado, divida value entre max y multiplique por 100. Por ejemplo, value="25" y max="100" representan un 25 por ciento de avance.
4. ¿Puede ser el valor de progreso mayor que max?
El valor debe estar entre cero y el máximo. Este generador ajusta el valor introducido a ese intervalo antes de producir la vista previa y el código.
5. ¿Por qué debe tener etiqueta un elemento de progreso?
Una etiqueta visible asociada explica qué tarea representa el indicador. No dependa únicamente del aspecto de la barra o del porcentaje cuando intervengan varias tareas o tecnologías de asistencia.
Instalar Aspose.HTML for .NET
Instale Aspose.HTML for .NET desde NuGet con la CLI de .NET:
dotnet add package Aspose.HTML
También puede usar la interfaz del Administrador de paquetes NuGet o ejecutar Install-Package Aspose.HTML en la consola del Administrador de paquetes. Consulte la
guía de instalación
para configurar la biblioteca o solicite una
licencia temporal
para evaluar la API sin limitaciones.
Otros generadores HTML
Cree y previsualice el marcado de otros elementos HTML habituales.