{"id":32274,"date":"2014-10-13T14:26:00","date_gmt":"2014-10-13T14:26:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/border-loading-bar\/"},"modified":"2018-04-06T12:52:24","modified_gmt":"2018-04-06T12:52:24","slug":"border-loading-bar","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/border-loading-bar\/","author":13450167,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"trunk","tested":"4.9.29","requires":"3.0.1","requires_php":"5.6","requires_plugins":"","header_name":"Border Loading Bar","header_author":"Ospisoft","header_description":"","assets_banners_color":"","last_updated":"2018-04-06 12:52:24","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/border-loading-bar\/","header_author_uri":"http:\/\/ospisoft.com","rating":4.4,"author_block_rating":0,"active_installs":10,"downloads":4364,"num_ratings":0,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":"1","2":0,"3":0,"4":0,"5":"6"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1854133","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1854133","resolution":"256x256","location":"assets"}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1006743","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1006743","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1006743","resolution":"3","location":"assets"},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1006743","resolution":"4","location":"assets"}},"screenshots":{"1":"<p>screenshot-1.png<\/p>","2":"<p>screenshot-2.png<\/p>","3":"<p>screenshot-3.png<\/p>","4":"<p>screenshot-4.png<\/p>"}},"plugin_section":[],"plugin_tags":[2569,8598,4469,170,9340],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-32274","plugin","type-plugin","status-closed","hentry","plugin_tags-bar","plugin_tags-border","plugin_tags-loading","plugin_tags-page","plugin_tags-progress","plugin_committers-ospisoft"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/border-loading-bar.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/border-loading-bar\/assets\/screenshot-1.png?rev=1006743","caption":"<p>screenshot-1.png<\/p>"},{"src":"https:\/\/ps.w.org\/border-loading-bar\/assets\/screenshot-2.png?rev=1006743","caption":"<p>screenshot-2.png<\/p>"},{"src":"https:\/\/ps.w.org\/border-loading-bar\/assets\/screenshot-3.png?rev=1006743","caption":"<p>screenshot-3.png<\/p>"},{"src":"https:\/\/ps.w.org\/border-loading-bar\/assets\/screenshot-4.png?rev=1006743","caption":"<p>screenshot-4.png<\/p>"}],"raw_content":"<!--section=description-->\n<p><strong>ENGLISH DESCRIPTION<\/strong><\/p>\n\n<p>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.<\/p>\n\n<p><strong>MAIN FEATURES<\/strong><\/p>\n\n<ul>\n  <li>\n    Great flexibility to customize the loading bar.\n  <\/li>\n  <li>\n    Choose from the 4 edges of the window to locate the download bar.\n  <\/li>\n  <li>\n    Customized sizes, locations, colors, styles, and text.\n  <\/li>\n  <li>\n    Choose specifically the places of your web site to show the loading bar. Between pages and categories posts.\n  <\/li>\n  <li>\n    The loading bar will disappear once the page is fully loaded.\n  <\/li>\n  <li>\n    Shows a descriptive text fully customizable within the loading bar while your users expect.\n  <\/li>\n  <li>\n    Test Mode, the loading bar will be visible only for the administrator.\n  <\/li>\n  <li>\n    Light weight. It will not slow down anything on your page if you are not going to display \"Border Loading Bar\".\n  <\/li>\n  <li>\n    It is compatible with any theme.\n  <\/li>\n  <li>\n    Compatibility with any browser.\n  <\/li>\n  <li>\n    Very easy to use and customize. Instructions are provided for each of the available settings.\n  <\/li>\n  <li>\n    It is responsive. Fits any screen size.\n  <\/li>\n  <li>\n    Programed successfully under the rules of WordPress.\n  <\/li>\n<\/ul>\n\n<p>\u00a0\n<strong>DETAILED DESCRIPTION OF THE SETTINGS<\/strong><\/p>\n\n<ul>\n  <li>\n    Choose on which edge of the screen you want to display the download bar. <ul>\n      <li>\n        Color. (You can choose any color you want)\n      <\/li>\n      <li>\n        Wide. (Width)\n      <\/li>\n      <li>\n        Direction. (What direction are you must fill the bar?)\n      <\/li>\n      <li>\n        Opacity. (Transparency)\n      <\/li>\n    <\/ul>\n  <\/li>\n\n  <li>\n    Choose if you want to project a shadow. Features adjustable on the shadow. <ul>\n      <li>\n        Color of the shadow.\n      <\/li>\n      <li>\n        Scope. (If you want on the outside or inside the progress bar.)\n      <\/li>\n      <li>\n        Position in the Y-axis.\n      <\/li>\n      <li>\n        Position in the X-axis.\n      <\/li>\n      <li>\n        Grayed-out.\n      <\/li>\n      <li>\n        Rate of expansion.\n      <\/li>\n      <li>\n        Opacity.\n      <\/li>\n    <\/ul>\n  <\/li>\n\n  <li>\n    Choose if you would like to display a border that surrounds the progress bar. Features adjustable of the edge. <ul>\n      <li>\n        Color of the border.\n      <\/li>\n      <li>\n        Thickness of the edge.\n      <\/li>\n      <li>\n        Visibility of each edge.\n      <\/li>\n      <li>\n        Rounding.\n      <\/li>\n      <li>\n        Style of the border. (7 Styles available)\n      <\/li>\n      <li>\n        Opacity.\n      <\/li>\n    <\/ul>\n  <\/li>\n\n  <li>\n    Choose if you want to display a descriptive text within the loading bar. Adjustable features of the text. <ul>\n      <li>\n        Color of the text.\n      <\/li>\n      <li>\n        The type of font.\n      <\/li>\n      <li>\n        The Font size.\n      <\/li>\n      <li>\n        Shadow.\n      <\/li>\n      <li>\n        Rotation.\n      <\/li>\n      <li>\n        Horizontal and vertical alignment.\n      <\/li>\n      <li>\n        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: <ul>\n          <li>\n            Percentage Unit that indicates the load progress.\n          <\/li>\n          <li>\n            Title of the post or page that is being loaded at the time.\n          <\/li>\n          <li>\n            Username. (if the user has logged in)\n          <\/li>\n        <\/ul>\n      <\/li>\n    <\/ul>\n  <\/li>\n\n  <li>\n    Choose the background color of the loading bar.\n  <\/li>\n  <li>\n    Choose the places on your page where you want to display the loading bar. <ul>\n      <li>\n        You can choose specific pages and categories of posts.\n      <\/li>\n    <\/ul>\n  <\/li>\n\n  <li>\n    If you want to further customize the appearance of the \"Border Loading Bar\", you can add your own rules of CSS.\n  <\/li>\n<\/ul>\n\n\n  <br \/>\n\n\n\n\n\n\n\n  <p>\n    <strong>DESCRIPCI\u00d3N EN ESPA\u00d1OL<\/strong><br \/>\n  <\/p>\n\n  <p>\n    Agrega una barra de carga en cualquier borde de la ventana para indicarles a tus usuarios que la p\u00e1gina est\u00e1 cargando.\n  <\/p>\n\n  <p>\n    \u00bfTienes un sitio web que tarda alg\u00fan tiempo en cargar? Sin importar el tiempo en que este se demore cargando, mu\u00e9strales a tus usuarios el progreso de carga de la p\u00e1gina, con una muy simple y elegante barra posicionada al borde la ventana. \n  <\/p>\n\n  <p>\n  <\/p>\n\n  <p>\n    Puedes personalizar totalmente esta barra de carga a tu gusto. Puedes elegir el tama\u00f1o, 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.\n  <\/p>\n\n  <p>\n    \u00a0\n  <\/p>\n\n  <p>\n    <strong>CARACTERISTICAS PRINCIPALES<\/strong>\n  <\/p>\n\n  <ul>\n    <li>\n      Gran flexibilidad para personalizar la barra de carga.\n    <\/li>\n    <li>\n      Elige entre los 4 bordes de la ventana para ubicar la barra de carga.\u00a0\n    <\/li>\n    <li>\n      Personaliza tama\u00f1os, ubicaciones, colores, estilos y texto.\n    <\/li>\n    <li>\n      Elige espec\u00edficamente los lugares de tu sitio web para mostrar la barra de carga. Entre p\u00e1ginas y categor\u00edas de tus entradas.\u00a0\n    <\/li>\n    <li>\n      La barra de carga desaparecer\u00e1 una vez que la pagina este totalmente cargada.\n    <\/li>\n    <li>\n      Muestra un texto descriptivo totalmente personalizable dentro de la barra de carga mientras sus usuarios esperan.\u00a0\n    <\/li>\n    <li>\n      Modo de pruebas, la barra de carga solo ser\u00e1 visible para el administrador.\u00a0\n    <\/li>\n    <li>\n      Peso liviano. No se cargara nada en tu p\u00e1gina si no va a mostrar \u201cBorder Loading Bar\u201d.\n    <\/li>\n    <li>\n      Es compatible con cualquier tema.\u00a0\n    <\/li>\n    <li>\n      Compatibilidad absoluta con cualquier navegador.\n    <\/li>\n    <li>\n      Muy f\u00e1cil de utilizar y personalizar. Se proporcionan instrucciones para cada uno de los ajustes disponibles.\n    <\/li>\n    <li>\n      Es responsivo. Se adapta a cualquier tama\u00f1o de pantalla.\n    <\/li>\n    <li>\n      Programado adecuamente bajo las normas de Wordpress.ding Bar\", you can add your own rules of CSS.\n    <\/li>\n  <\/ul>\n\n\n\n  <p>\n    \u00a0\n  <\/p>\n\n  <p>\n    <strong>CARACTERISTICAS DETALLADAS DE LAS OPCIONES<\/strong>\n  <\/p>\n\n  <ul>\n    <li>\n      Elige\u00a0en que borde de la pantalla deseas mostrar la barra de carga.<br \/> <ul>\n        <li>\n          Color.\u00a0(Puede elegir cualquier color que desee)\n        <\/li>\n        <li>\n          Grosor. (Tama\u00f1o)\n        <\/li>\n        <li>\n          Direcci\u00f3n.\u00a0(\u00bfA qu\u00e9 direcci\u00f3n se debe llenar la barra?)\n        <\/li>\n        <li>\n          Opacidad. (Transparencia)\n        <\/li>\n      <\/ul>\n    <\/li>\n\n    <li>\n      Elige\u00a0si quieres proyectar una sombra. Caracter\u00edsticas ajustables de la sombra.<br \/> <ul>\n        <li>\n          Color de la sombra\n        <\/li>\n        <li>\n          Ambito.\u00a0(Si lo desea por fuera o dentro de la barra de progreso.)\n        <\/li>\n        <li>\n          Posici\u00f3n en el eje X.\n        <\/li>\n        <li>\n          Posici\u00f3n en el eje Y.\n        <\/li>\n        <li>\n          Difuminado.\n        <\/li>\n        <li>\n          Radio de expansi\u00f3n.\n        <\/li>\n        <li>\n          Opacidad.\n        <\/li>\n      <\/ul>\n    <\/li>\n\n    <li>\n      Elige\u00a0si quieres mostrar un borde que rodee la barra de progreso. Caracter\u00edsticas ajustables del borde.<br \/> <ul>\n        <li>\n          Color del borde.\n        <\/li>\n        <li>\n          Grosor del borde\n        <\/li>\n        <li>\n          Visibilidad de cada borde.\n        <\/li>\n        <li>\n          Redondeo.\n        <\/li>\n        <li>\n          Estilo del borde. (7 Estilos disponibles)\n        <\/li>\n        <li>\n          Opacidad.\n        <\/li>\n      <\/ul>\n    <\/li>\n\n    <li>\n      Elige\u00a0si desea mostrar un texto descriptivo dentro de la barra de carga. Caracter\u00edsticas ajustables del texto.<br \/> <ul>\n        <li>\n          Color del texto.\n        <\/li>\n        <li>\n          Tipo de fuente.\n        <\/li>\n        <li>\n          Tama\u00f1o del a fuente.\n        <\/li>\n        <li>\n          Sombra del texto.\n        <\/li>\n        <li>\n          Rotaci\u00f3n.\n        <\/li>\n        <li>\n          Alineaci\u00f3n vertical y horizontal.\n        <\/li>\n        <li>\n          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\u00e1n: <ul>\n            <li>\n              Unidad\u00a0porcentual que indica el progreso de carga.\n            <\/li>\n            <li>\n              Titulo\u00a0de la entrada o p\u00e1gina que se est\u00e9 cargando en el momento.\n            <\/li>\n            <li>\n              Nombre del usuario. (Si este ha iniciado sesi\u00f3n)\n            <\/li>\n          <\/ul>\n        <\/li>\n      <\/ul>\n    <\/li>\n\n    <li>\n      Elige\u00a0el color del fondo de la barra de carga.\u00a0\n    <\/li>\n    <li>\n      Elige\u00a0los lugares de tu p\u00e1gina en donde quieres que se visualice la barra de carga.<br \/> <ul>\n        <li>\n          Puedes\u00a0elegir espec\u00edficamente p\u00e1ginas y categor\u00edas de entradas.\u00a0\n        <\/li>\n      <\/ul>\n    <\/li>\n\n    <li>\n      Si\u00a0deseas personalizar a\u00fan m\u00e1s la apariencia de la barra de carga, puedes agregar tus propias reglas de CSS.\n    <\/li>\n  <\/ul>\n\n<!--section=installation-->\n<p>Upload the plugin zip file borderLoadingBar.zip in your WordPress plugins area.<\/p>\n\n<p>Or, if you want to install it manually, unzip borderLoadingBar.zip in your computer.  This will create a folder called borderLoadingBar, after this, upload the folder and all its files via FTP to the Wordpress folder wp-content\/plugins\/ on your web server.<\/p>\n\n<p>Activate the Border Loading Bar plugin in your Plugins area in your WordPress adminstration, and is already. it\u2019s ready to use!<\/p>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><p>Upload the plugin zip file borderLoadingBar.zip in your WordPress plugins area.<\/p>\n\n<p>Or, if you want to install it manually, unzip borderLoadingBar.zip in your computer.  This will create a folder called borderLoadingBar, after this, upload the folder and all its files via FTP to the Wordpress folder wp-content\/plugins\/ on your web server.<\/p>\n\n<p>Activate the Border Loading Bar plugin in your Plugins area in your WordPress adminstration, and is already. it\u2019s ready to use!<\/p><\/dd>\n<dt>How do I use?<\/dt>\n<dd><p>After you activated the plugin, the plugin's settings page will be available in Settings &gt; Border Loading Bar in your administration area of Wordpress.<\/p>\n\n<p>The plugin settings are divided into sections, and each setting has precise instructions about what they do. Some adjustments will not be displayed if not needed. Browse through the settings from top to bottom.\nBefore you can see Border Loading Bar running on your Web site, you must activate your operation in the configuration page Settings &gt; Border Loading Bar. This happens so that you can make all needed adjustments before displaying it openly to the public. \nIt is recommended that you enable the Test Mode located in the first section called General Options of the configuration page for the plugin, so that you are the only one  that can see the Border Loading Bar running on your web site and can carry out any adjustments with comfort.<\/p><\/dd>\n<dt>Activate Border Loading Bar for the Public<\/dt>\n<dd><p>To ensure that all users can see  the operation of the Border Loading Bar on your website, you must ensure that it is enabled on the configuration page for the plugin and the Test Mode is turned off. In this way, all users can view Border Loading Bar in operation.<\/p><\/dd>\n<dt>How does it work?<\/dt>\n<dd><p>Most of the time, the websites have a large quantity of images or they have a large size, which causes the load time of your page to be much slower. Border Loading Bar is responsible for representing that load time on a progress bar, ideal for users who need to show proof of the time that it takes for the page to load. \nBorder Loading Bar not only represents the load time of the images, if not also the rest of the contents of a page, thus making more accurate representation of the load time.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>First stable version.<\/li>\n<li>Another change.<\/li>\n<\/ul>","raw_excerpt":"ENGLISH DESCRIPTION","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/32274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=32274"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ospisoft"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=32274"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=32274"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=32274"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=32274"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=32274"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=32274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}