Border Loading Bar

By : ospisoft

ENGLISH DESCRIPTION

Adds a load bar on any edge of the window to tell your users that the page is loading. Do You Have a website that takes awhile to load? Regardless of the time that is takes to load, show your users the loading progress of the page, with a very simple and elegant bar positioned at the edge of the window. You can fully customize this loading bar to your liking. You can choose the size, colors, if you want to display a border around the bar, casting a shadow, you can even display a custom descriptive text to your users while they wait.

MAIN FEATURES

  • Great flexibility to customize the loading bar.
  • Choose from the 4 edges of the window to locate the download bar.
  • Customized sizes, locations, colors, styles, and text.
  • Choose specifically the places of your web site to show the loading bar. Between pages and categories posts.
  • The loading bar will disappear once the page is fully loaded.
  • Shows a descriptive text fully customizable within the loading bar while your users expect.
  • Test Mode, the loading bar will be visible only for the administrator.
  • Light weight. It will not slow down anything on your page if you are not going to display "Border Loading Bar".
  • It is compatible with any theme.
  • Compatibility with any browser.
  • Very easy to use and customize. Instructions are provided for each of the available settings.
  • It is responsive. Fits any screen size.
  • Programed successfully under the rules of WordPress.

  DETAILED DESCRIPTION OF THE SETTINGS

  • Choose on which edge of the screen you want to display the download bar.
    • Color. (You can choose any color you want)
    • Wide. (Width)
    • Direction. (What direction are you must fill the bar?)
    • Opacity. (Transparency)
  • Choose if you want to project a shadow. Features adjustable on the shadow.
    • Color of the shadow.
    • Scope. (If you want on the outside or inside the progress bar.)
    • Position in the Y-axis.
    • Position in the X-axis.
    • Grayed-out.
    • Rate of expansion.
    • Opacity.
  • Choose if you would like to display a border that surrounds the progress bar. Features adjustable of the edge.
    • Color of the border.
    • Thickness of the edge.
    • Visibility of each edge.
    • Rounding.
    • Style of the border. (7 Styles available)
    • Opacity.
  • Choose if you want to display a descriptive text within the loading bar. Adjustable features of the text.
    • Color of the text.
    • The type of font.
    • The Font size.
    • Shadow.
    • Rotation.
    • Horizontal and vertical alignment.
    • Content of the text. Type any text that you want to show on the loading bar. There are available 3 special tags for smart messages, among which are:
      • Percentage Unit that indicates the load progress.
      • Title of the post or page that is being loaded at the time.
      • Username. (if the user has logged in)
  • Choose the background color of the loading bar.
  • Choose the places on your page where you want to display the loading bar.
    • You can choose specific pages and categories of posts.
  • If you want to further customize the appearance of the "Border Loading Bar", you can add your own rules of CSS.

DESCRIPCIÓN EN ESPAÑOL

Agrega una barra de carga en cualquier borde de la ventana para indicarles a tus usuarios que la página está cargando.

¿Tienes un sitio web que tarda algún tiempo en cargar? Sin importar el tiempo en que este se demore cargando, muéstrales a tus usuarios el progreso de carga de la página, con una muy simple y elegante barra posicionada al borde la ventana.

Puedes personalizar totalmente esta barra de carga a tu gusto. Puedes elegir el tamaño, los colores, si deseas mostrar un borde alrededor de la barra, proyectar una sombra, incluso mostrar un texto descriptivo personalizado para tus usuarios mientras esperan.

 

CARACTERISTICAS PRINCIPALES

  • Gran flexibilidad para personalizar la barra de carga.
  • Elige entre los 4 bordes de la ventana para ubicar la barra de carga. 
  • Personaliza tamaños, ubicaciones, colores, estilos y texto.
  • Elige específicamente los lugares de tu sitio web para mostrar la barra de carga. Entre páginas y categorías de tus entradas. 
  • La barra de carga desaparecerá una vez que la pagina este totalmente cargada.
  • Muestra un texto descriptivo totalmente personalizable dentro de la barra de carga mientras sus usuarios esperan. 
  • Modo de pruebas, la barra de carga solo será visible para el administrador. 
  • Peso liviano. No se cargara nada en tu página si no va a mostrar “Border Loading Bar”.
  • Es compatible con cualquier tema. 
  • Compatibilidad absoluta con cualquier navegador.
  • Muy fácil de utilizar y personalizar. Se proporcionan instrucciones para cada uno de los ajustes disponibles.
  • Es responsivo. Se adapta a cualquier tamaño de pantalla.
  • Programado adecuamente bajo las normas de WordPress.ding Bar", you can add your own rules of CSS.

 

CARACTERISTICAS DETALLADAS DE LAS OPCIONES

  • Elige en que borde de la pantalla deseas mostrar la barra de carga.
    • Color. (Puede elegir cualquier color que desee)
    • Grosor. (Tamaño)
    • Dirección. (¿A qué dirección se debe llenar la barra?)
    • Opacidad. (Transparencia)
  • Elige si quieres proyectar una sombra. Características ajustables de la sombra.
    • Color de la sombra
    • Ambito. (Si lo desea por fuera o dentro de la barra de progreso.)
    • Posición en el eje X.
    • Posición en el eje Y.
    • Difuminado.
    • Radio de expansión.
    • Opacidad.
  • Elige si quieres mostrar un borde que rodee la barra de progreso. Características ajustables del borde.
    • Color del borde.
    • Grosor del borde
    • Visibilidad de cada borde.
    • Redondeo.
    • Estilo del borde. (7 Estilos disponibles)
    • Opacidad.
  • Elige si desea mostrar un texto descriptivo dentro de la barra de carga. Características ajustables del texto.
    • Color del texto.
    • Tipo de fuente.
    • Tamaño del a fuente.
    • Sombra del texto.
    • Rotación.
    • Alineación vertical y horizontal.
    • Contenido del texto. Escriba cualquier texto que desee mostrar en la barra de carga. Hay disponibles 3 etiquetas especiales para mensajes inteligentes, entre los cuales están:
      • Unidad porcentual que indica el progreso de carga.
      • Titulo de la entrada o página que se esté cargando en el momento.
      • Nombre del usuario. (Si este ha iniciado sesión)
  • Elige el color del fondo de la barra de carga. 
  • Elige los lugares de tu página en donde quieres que se visualice la barra de carga.
    • Puedes elegir específicamente páginas y categorías de entradas. 
  • Si deseas personalizar aún más la apariencia de la barra de carga, puedes agregar tus propias reglas de CSS.

Page Loading Effect

A simple plugin which adds beautiful loading effect with a progress loading bar. Note:-I have used a single loading effect more effects are coming soon.They are under development...

Similar: 50%

PACE Pro (EPIC Page Loading Progress Bar)

Adds PACE page loading progress bar to your website, with live preview at the admin panel and dynamic color changing. And soon custom styles for each page and post will be added. Original PACE JS Code by HubSpot: https://github.com/HubSpot/pace/...

Similar: 45%

Scroll Progress Bar

Scroll Progress Bar will display a simple progress bar indicating the users location on a post or page. You also have the option to activate smooth scroll to enhance scrolling on your site. You can alter the color of the progress bar, and select any or all registered post types on your site to disp.........

Similar: 19%

Progress Bar (Edition for Readers)

This plugin indicates progress made on books. Important: Your theme needs to support widgets to show the progressbar in the sidebar/widget area. Major features in Progressbar (Edition for Readers) 0.6 include: Added: Support for new WP 3.5 media library. ...

Similar: 16%

MyBookProgress by Author Media

Let readers know about your upcoming book while growing your list and hitting your deadline....

Similar: 16%

WP Admin UI Customize

Dashboard Display options tab Output-meta site Admin bar (Toolbar) Admin menu (Side menu) Management of meta boxes Login screen Other features. These to Customization is possible....

Similar: 14%

WP Progress Bar

WP Progress Bar Add progress bar in your posts easily, responsive and retina, full customize, compatible with all major browsers....

Similar: 12%

Loading Bar

Loading Bar Add loading bar to your website easily, like youtube loading bar! just one click and custom loading bar color and responsive....

Similar: 12%

Preloader

Preloader Add preloader to your website easily, responsive and retina, full customize, compatible with all major browsers....

Similar: 9%

Mobile Reading Progress Bar by errnio

Reading Progress Bar by errnio creates a horizontal progress bar and shows your users their progress on the current page. This tool enhances user experience, engaging your visitors to read your next article when they are finished. errnio can increase pages per visit on your mobile site, time spent o.........

Similar: 5%