Fermer

décembre 27, 2018

Comment utiliser une barre de progression jQuery dans votre application Web


Les barres de progression sont des composants essentiels de nombreuses applications modernes. Découvrez les différents cas d'utilisation des barres de progression et leur fabrication dans vos applications avec Kendo UI.

Une barre de progression indique la durée d'un processus. Chaque fois que l'utilisateur final est tenu d'attendre la fin d'une action, comme un chargement de page, vous devez lui indiquer où il se trouve dans le processus. Un visuel comme une barre de progression procure une distraction de sorte que le temps d'attente perçu est plus court. Une barre de progression peut également être utilisée pour afficher des valeurs autres que la longueur du processus, telles que le niveau de santé d'un joueur dans une partie.

Dans ce blog, nous allons passer en revue le composant `ProgressBar`. Vous apprendrez à créer différents types de barres de progression à l'aide de la barre de progression de Kendo UI et des différents cas d'utilisation correspondants.

Valeur Barre de progression

Une barre de progression comporte deux parties: une piste et un indicateur. La piste représente la valeur maximale du processus, tandis que l'indicateur est la valeur actuelle de la barre. Une `ProgressBar` de Kendo UI de type` valeur` affiche l'état d'avancement sous forme de nombre dans la piste. C'est la barre de progression par défaut lorsque le paramètre `type` n'est pas défini dans le composant. Le paramètre `value` détermine la longueur de l'indicateur. Si les options `min` et` max` n'ont pas été définies, la valeur minimale de la barre de progression sera 0 et la valeur maximale, 100. Lorsque les options `min` et` max` ont été spécifiées, la valeur refléter sur la barre de progression en tant que proportion de la valeur maximale. Voici un exemple de barre de progression par défaut:

 progressbar01 "title =" progressbar01 "/></p data-recalc-dims=