Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 1, 2016 at 3:19 pm in reply to: Barra de Progreso #719269
    rwarner77

    Perfect, just what I needed
    thank you very much

    December 1, 2016 at 2:55 pm in reply to: Barra de Progreso #719257
    rwarner77

    my error, tries again

    December 1, 2016 at 2:08 pm in reply to: Barra de Progreso #719232
    rwarner77

    Thanks Yigit
    I can thank you and I can come

    November 30, 2016 at 9:13 pm in reply to: Barra de Progreso #718983
    rwarner77

    I got lost
    Enable custom css, insert class, but I do not know what part of the code I have to modify
    Adjunct full progress bar code and block code ss

    <div class="avia-progress-bar-container avia_animate_when_almost_visible  avia-builder-el-3  el_after_av_textblock  avia-builder-el-last  av-striped-bar av-animated-bar avia_start_animation">
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">Mantención de Campamentos, Edificios y Oficinas</div>
			</div>
			<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span> 
			</div>
			&nbsp&nbsp&nbsp&nbsp&nbsp<div class="progressbar-title">Aseo de:
			</div>
			</div>
			<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>			</div>
			<div class="progressbar-title">Campamentos</div>			
			</div>
			<div class="progress avia_start_animation">
				<div class="bar-outer">
					<div class="bar" style="width: 100%" data-progress="100">
					</div>
				</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span> 
			</div>
			&nbsp&nbsp&nbsp&nbsp&nbsp<div class="progressbar-title">Oficinas
			</div>
			</div>
			<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>	
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">Áreas Comunes
			</div>
		</div>
		<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span> 
			</div>
			&nbsp&nbsp&nbsp&nbsp&nbsp<div class="progressbar-title">Servicios Higenicos
			</div>
			</div>
			<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span> 
			</div>
			&nbsp&nbsp&nbsp&nbsp&nbsp<div class="progressbar-title">Casas de Cambio
			</div>
			</div>
			<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span> 
			</div>
			&nbsp&nbsp&nbsp&nbsp&nbsp<div class="progressbar-title">Otras dependencias
			</div>
			</div>
			<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">Gestión de Mensajería
			</div>
		</div>
		<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">Administración de Edificios de Oficinas
			</div>
		</div>
		<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">Lavado de Prendas Industriales
			</div>
		</div>
		<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">Mantenimiento Preventivo y Correctivo de Instalaciones
			</div>
		</div>
		<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
</div>

    Do you help me with the code change?

    • This reply was modified 8 years, 11 months ago by rwarner77.
    November 30, 2016 at 5:11 pm in reply to: Barra de Progreso #718889
    rwarner77

    It worked!! almost :)
    The problem is that I misconfigure the pages where I occupy the progress bar,
    http://www.warnerspa.cl/seguridad/ – http://www.warnerspa.cl/saneamiento-ambiental/
    I know that changing the order and numbering of child (X) of the elements of the bar could fix the issue, but I think this could cause problems in the same way later

    Is it possible to change this directly in the code to call the bar?
    For example I know that the code for a pair of bars would be:

    <div class="avia-progress-bar-container avia_animate_when_almost_visible  avia-builder-el-3  el_after_av_textblock  avia-builder-el-last  av-striped-bar av-animated-bar avia_start_animation">
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">barra 1</div>
			</div>
			<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 100%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
	<div class="avia-progress-bar theme-color-bar icon-bar-yes">
		<div class="progressbar-title-wrap">
			<div class="progressbar-icon">
				<span class="progressbar-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
				</span>
			</div>
			<div class="progressbar-title">barra 2</div>
		</div>
		<div class="progress avia_start_animation">
			<div class="bar-outer">
				<div class="bar" style="width: 95%" data-progress="100">
				</div>
			</div>
		</div>
	</div>
</div>

    Could you modify directly here and not through the global css?

    November 30, 2016 at 4:43 pm in reply to: Barra de Progreso #718875
    rwarner77

    Hola Yigit,
    Thanks for your time and san google translate.
    The page is http://warnerspa.cl/administracion-de-instalaciones-no-industriales/
    And what I need to do is + – this:

    November 29, 2016 at 6:09 pm in reply to: Progress bar subcategories #718423
    rwarner77

    Hey Andy
    I do something difficult in English but we will try :)
    I want to create several progress bars that represent different items, some of these items have subcategories or sub-items … and I want to represent them with a space xa right of the bar (as is usually done with menus and submenus) , All bars should be aligned at the end
    That is what I wanted to represent with the edited image.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)